jquery 表单验证
时间: 2023-11-18 21:50:58 浏览: 108
jQuery表单验证是一种在HTML表单中对输入数据进行验证的方法。它可以通过使用jQuery库中的一些方法和属性来实现。常见的表单验证包括验证输入文本的长度、验证邮箱格式、验证手机号码格式等。通常,我们可以使用blur事件来触发验证,也可以使用click事件来触发全选复选框。示例代码如下:
//验证文本长度
$(function () {
$(':text').blur(function () {
var str=$(this).val();
if(str.length < 6){
$(this).next().html("数字不能少于6").css("color",'red');
}else {
$(this).next().html("");
}
});
});
//全选复选框
$(function () {
$("#all").click(function () {
$(":checkbox").prop("checked",this.checked);
});
});
//验证普通邮箱格式
$(function () {
$(":text").blur(function () {
var str=$(this).val();
if(str==null || str==''){
alert("不能为空");
}else if (!(str.indexOf("@")<str.indexOf(".") && str.indexOf("@")>0)){
alert("不合法!");
}
});
});
//正则表达式验证
$(function () {
$('input').blur(function () {
var reg=/^138\d{8}$/; //验证手机号码
var str=$(this).val();
alert(reg.test(str));
var reg=/^\w{6,12}@[0-9a-zA-Z]{2,6}\.[a-zA-Z]{2,3}$/; //验证邮箱格式
var str=$(this).val();
alert(reg.test(str));
var reg=/^[1-9]$|^[1-9]\d$|^1[0-4]\d$|^150$/; //验证年龄
var str=$(this).val();
alert(reg.test(str));
});
});
请问还有什么问题吗?
阅读全文