求一个jquery验证邮箱。如果能用就是一个对号的图标。不能用是错误提示。不要alert提示。要在左侧提示。
就是不要alert的提示。要在左侧输出。有没有全套的。包括密码的检测。用户体验性很好的那种。跪求。...
就是不要alert的提示。要在左侧输出。有没有全套的。包括密码的检测。用户体验性很好的那种。跪求。
展开
1个回答
展开全部
在Jquery的官网上有一个validate插件,可以非常方便地实现你需要的功能,以下是根据官网Demo简化的一个例子,使用的时候需要先去官网下载jquery..js和jquery.validate.js放到你本地服务器上,并修改引用.
<html>
<head>
<title>jQuery校验demo</title>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script src="Scripts/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
$.validator.setDefaults({
submitHandler: function () { alert("校验成功,可以提交!"); }
});
$().ready(function () {
$("#signupForm").validate({
rules: {
username: {
required: true,
minlength: 2
},
password: {
required: true,
minlength: 5
},
confirm_password: {
required: true,
minlength: 5,
equalTo: "#password"
},
email: {
required: true,
email: true
}
},
messages: {
username: {
required: "用户名不能为空",
minlength: "用户名至少需要2个字符"
},
password: {
required: "密码不能为空",
minlength: "密码不能少于5个字符"
},
confirm_password: {
required: "确认密码不能为空",
minlength: "确认密码不能少于5个字符",
equalTo: "两次密码输入不同"
},
email: "请输入有效邮件地址"
}
});
});
</script>
</head>
<html>
<head>
<title>jQuery校验demo</title>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script src="Scripts/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
$.validator.setDefaults({
submitHandler: function () { alert("校验成功,可以提交!"); }
});
$().ready(function () {
$("#signupForm").validate({
rules: {
username: {
required: true,
minlength: 2
},
password: {
required: true,
minlength: 5
},
confirm_password: {
required: true,
minlength: 5,
equalTo: "#password"
},
email: {
required: true,
email: true
}
},
messages: {
username: {
required: "用户名不能为空",
minlength: "用户名至少需要2个字符"
},
password: {
required: "密码不能为空",
minlength: "密码不能少于5个字符"
},
confirm_password: {
required: "确认密码不能为空",
minlength: "确认密码不能少于5个字符",
equalTo: "两次密码输入不同"
},
email: "请输入有效邮件地址"
}
});
});
</script>
</head>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
