Cách lấy địa chỉ IP ở dạng HTML

Mỗi máy tính được kết nối với Internet được xác định bằng một chuỗi gồm bốn phần duy nhất, được gọi là địa chỉ Giao thức Internet [IP] của nó. Địa chỉ IP bao gồm bốn số [mỗi số từ 0 đến 255] được phân tách bằng dấu chấm. Định dạng của địa chỉ IP là một địa chỉ số 32 bit được viết dưới dạng bốn số thập phân [được gọi là octet] được phân tách bằng dấu chấm; . g. , 0. 0. 0. 0 đến 255. 255. 255. 255]

Ví dụ về địa chỉ IP hợp lệ

  • 115. 42. 150. 37
  • 192. 168. 0. 1
  • 110. 234. 52. 124

Ví dụ về địa chỉ IP không hợp lệ

  • 210. 110 – phải có 4 octet
  • 255 – phải có 4 octet
  • y. y. y. y – chữ số duy nhất đã cho phép
  • 255. 0. 0. y – chữ số duy nhất đã cho phép
  • 666. 10. 10. 20 – chữ số phải nằm trong khoảng [0-255]
  • 4444. 11. 11. 11 – chữ số phải nằm trong khoảng [0-255]
  • 33. 3333. 33. 3 – chữ số phải nằm trong khoảng [0-255]

Mã JavaScript để xác thực địa chỉ IP

function ValidateIPaddress[ipaddress] 
{
 if [/^[25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?]\.[25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?]\.[25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?]\.[25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?]$/.test[myForm.emailAddr.value]]
  {
    return [true]
  }
alert["You have entered an invalid IP address!"]
return [false]
}

Giải thích về Biểu thức chính quy [địa chỉ IP] đã nói

Mẫu biểu thức chính quy

/^[25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?]\.[25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?]\.[25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?]\.[25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?]$/

Mô tả nhân vật/. /Tất cả các biểu thức chính quy bắt đầu và kết thúc bằng dấu gạch chéo về phía trước. ^Khớp với phần đầu của chuỗi hoặc dòng. 25[0-5]Khớp 250 hoặc 251 hoặc 252 hoặc 253 hoặc 254 hoặc 255. or2[0-4][0-9]Bắt đầu bằng 2, theo sau một ký tự trong khoảng từ 0-4 và lặp lại một ký tự trong khoảng từ 0-9. or[01]?Khớp ký tự trước đó 0 hoặc 1 lần. [0-9][0-9]Khớp một ký tự trong khoảng 0-9 và khớp lại một ký tự trong khoảng 0-9. ?Khớp ký tự trước đó 0 hoặc 1 lần. \. Phù hợp với ký tự ". " theo đúng nghĩa đen

Ghi chú. Hai phần cuối của biểu thức chính quy tương tự như trên

Sơ đồ cú pháp - Xác thực địa chỉ IP


Hãy áp dụng hàm JavaScript ở trên dưới dạng HTML

Mã HTML





JavaScript form validation - checking IP address/title>



Input an IP address and Submit

  •  
  •  

Mã JavaScript

function ValidateIPaddress[inputText]
 {
 var ipformat = /^[25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?]\.[25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?]\.[25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?]\.[25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?]$/;
 if[inputText.value.match[ipformat]]
 {
 document.form1.text1.focus[];
 return true;
 }
 else
 {
 alert["You have entered an invalid IP address!"];
 document.form1.text1.focus[];
return false; } }

Sơ đồ


Mã CSS

li {list-style-type: none;
font-size: 16pt;
}
.mail {
margin: auto;
padding-top: 10px;
padding-bottom: 10px;
width: 400px;
background : #D8F1F8;
border: 1px soild silver;
}
.mail h2 {
margin-left: 38px;
}
input {
font-size: 20pt;
}
input:focus, textarea:focus{
background-color: lightyellow;
}
input submit {
font-size: 12pt;
}
.rq {
color: #FF0000;
font-size: 10pt;
}

Xem xác thực địa chỉ IP Javascript trong trình duyệt

file_download Tải xuống mã xác thực từ đây

Xác thực JavaScript khác

  • Kiểm tra không trống
  • Kiểm tra tất cả các chữ cái
  • Kiểm tra tất cả các số
  • Kiểm tra số nổi
  • Kiểm tra chữ và số
  • Kiểm tra độ dài chuỗi
  • Xác thực email
  • Xác thực ngày
  • Mẫu đơn đăng ký
  • Không có điện thoại. Thẩm định
  • thẻ tín dụng số. Thẩm định
  • Xác thực mật khẩu
  • Xác thực địa chỉ IP

Trước. JavaScript. Xác thực biểu mẫu HTML - kiểm tra mật khẩu
Tiếp theo. Cookie JavaScript

Kiểm tra kỹ năng Lập trình của bạn với bài kiểm tra của w3resource



JavaScript. Lời khuyên trong ngày

Viết các vòng lặp ngắn hơn với các phương thức mảng

const prices = ['1.0', 'negotiable', '2.15'];
 
const formattedPrices = [];
for [let i = 0; i < prices.length; i++] {
    const price = parseFloat[prices[i]];
    if [price] {
        formattedPrices.push[price];
    }
}
console.log[formattedPrices];

Thay vì đoạn mã trên, chúng ta có thể nhận được hiệu ứng tương tự từ ba dòng bên dưới bằng cách sử dụng phương thức bản đồ. Phương thức này tạo ra một mảng có kích thước tương đương chỉ với thuộc tính giá. Sau đó, chúng tôi nhận các giá trị thả nổi của giá đó bằng cách sử dụng parseFloat

Chủ Đề