Thứ Ba, 21 tháng 1, 2014
JavaScript Form Validation
JavaScript Form Validation
JavaScript có thể được sử dụng để xác nhận dữ liệu ở dạng HTML trước khi gửi đi nội dung đến một máy chủ.
Dữ liệu mẫu thường được kiểm tra bởi một JavaScript có thể là:
- người sử dụng đã để lại các trường bắt buộc sản phẩm nào?
- đã người dùng nhập vào một địa chỉ e-mail hợp lệ?
- đã người dùng nhập vào một ngày hợp lệ?
- đã người dùng nhập vào văn bản trong một số lĩnh vực?
Những lĩnh vực cần thiết
Các chức năng dưới đây kiểm tra nếu một lĩnh vực đã được để trống. Nếu lĩnh vực này là trống, một hộp cảnh báo cảnh báo tin nhắn, chức năng trả về false, và hình thức sẽ không phải nộp:
function validateForm()
{
var x=document.forms["myForm"]["fname"].value;
if (x==null || x=="")
{
alert("First name must be filled out");
return false;
}
}
{
var x=document.forms["myForm"]["fname"].value;
if (x==null || x=="")
{
alert("First name must be filled out");
return false;
}
}
Các chức năng trên có thể được gọi là khi một mẫu được gửi:
Ví dụ
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">
First name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
First name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
Thử nó cho mình »
E-mail Validation
Các chức năng dưới đây sẽ kiểm tra xem nội dung có cú pháp chung của một email.
Điều này có nghĩa rằng các dữ liệu đầu vào phải có một dấu hiệu @ và ít nhất một dấu chấm (.). Ngoài ra, các @ không phải là ký tự đầu tiên của địa chỉ email, và các dấu chấm cuối cùng phải có mặt sau dấu @, và tối thiểu 2 nhân vật trước khi kết thúc:
function validateForm()
{
var x=document.forms["myForm"]["email"].value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
{
alert("Not a valid e-mail address");
return false;
}
}
{
var x=document.forms["myForm"]["email"].value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
{
alert("Not a valid e-mail address");
return false;
}
}
Các chức năng trên có thể được gọi là khi một mẫu được gửi:
Ví dụ
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm();" method="post">
Email: <input type="text" name="email">
<input type="submit" value="Submit">
</form>
Email: <input type="text" name="email">
<input type="submit" value="Submit">
</form>
Thử nó cho mình »
Đăng ký:
Đăng Nhận xét (Atom)
Không có nhận xét nào:
Đăng nhận xét