利用jQuery.Validate异步验证用户名是否存在(推荐)
HTML头部引用:
<script type="text/JavaScript" src="../js/jQuery-1.3.2.min.js"></script> <script type="text/javascript" src="../js/jquery.validate.min.js"></script> <script type="text/javascript" src="../js/messages_cn.js"></script>
HTML内容(部分):
<form name="form1" id="form1" method="post" action=""> <dl> <dt>用户名:</dt> <dd><input name="txtUserName" id="txtUserName" type="text" class="input1" /></dd> </dl> </form>
JS代码部分:
$(function() { //表单验证JS $("#form1").validate({ //出错时添加的标签 errorElement: "span", rules: { txtUserName: { required: true, minlength: 3, maxlength: 16, remote: { type: "post", url: "/tools/ValidateUserName.ashx", data: { username: function() { return $("#txtUserName").val(); } }, dataType: "html", dataFilter: function(data, type) { if (data == "true") return true; else return false; } } } }, success: function(label) { //正确时的样式 label.text(" ").addClass("success"); }, messages: { txtUserName: { required: "请输入用户名,3-16个字符(字母、数字、下划线),注册后不能更改", minlength: "用户名长度不能小于3个字符", maxlength: "用户名长度不能大于16个字符", remote: "用户名不可用" } } }); });
应注意的地方:
data: { username: function() { return $("#txtUserName").val(); }
有返回值,如果直接写“data: {username: $("#txtUserName").val();}”,这样是获取不到值的。
以上所述是小编给大家介绍的利用jQuery.Validate异步验证用户名是否存在,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!
jQuery Validate设置onkeyup验证的实例代码
jQueryValidate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。下面给大家分享一
jQuery Ajax请求后台数据并在前台接收
1、前台使用jQueryajax请求$.ajax({url:"r_getRolePer.action",dataType:'json',data:{userId:"1"},//请求的附加参数,用json对象method:'POST',success:function(data){$.messager.alert('消息
JQuery.validationEngine表单验证插件(推荐)
一、说明jQuery.validationEngine表单验证控件功能强大,自带了样式显示模式:1.字符类型:非空验证、最大长度、最小长度、相等判断、数字和空格、数字