
jquery高手帮我讲解下
我是初学jquery,不知道语法规则,只是照着例子来学,我在学jquery-validate这个插件,但是错误信息却不能显示出来,不知道原因,这是我照着写的脚本,有人帮我...
我是初学jquery,不知道语法规则,只是照着例子来学,我在学jquery-validate这个插件,但是错误信息却不能显示出来,不知道原因,这是我照着写的脚本,有人帮我解释下要加什么代码上去吗
$(function(){//这边我看有的地方写的是$().ready(function){},请问这两种有什么区别,我知道ready是页面加载时.
$('#frm').validate({
//分两步
//第一步写验证规则
fules:{
username:{//按ID名来认
required:true, //必填
minlength:4,//最小长度为4个字节
//remote:'check_username.jsp'//检验用户名
},//每一个对象完成后都需要逗号
password:{
required:true,
minlength:6,
equalTo:'#cnfpass'
},
cnfpass:{
required:true
}
},//每一个大节点完成后都必须有逗号做分隔符
//第二步写验证消息
messages:{ //验证信息也是按ID名来写
username:{//并且要与验证规则一一对应
required:"必填",
minlength:'最小长度为4个字节',
// remote:'已存在',
},
password:{
required:'必填',
minlength:'最小长度为6个字节',
equalTo:'两次密码不一致'
},
cnfpass:{
required:'必填'
}
},
success:function(label){
label.html('√').addClass("success");
},
errorPlacement: function(error, element) {
if ( element.is(":radio") )
error.appendTo( element.parent().next().next() );
else if ( element.is(":checkbox") )
error.appendTo ( element.next() );
else
error.appendTo( element.parent().next() );
}
})
})
没有错、语法什么都正常。 我的问题是用这个jquery-validate验证控件,怎么显示验证失败的信息,比如用户名必填,让这个信息显示出来 展开
$(function(){//这边我看有的地方写的是$().ready(function){},请问这两种有什么区别,我知道ready是页面加载时.
$('#frm').validate({
//分两步
//第一步写验证规则
fules:{
username:{//按ID名来认
required:true, //必填
minlength:4,//最小长度为4个字节
//remote:'check_username.jsp'//检验用户名
},//每一个对象完成后都需要逗号
password:{
required:true,
minlength:6,
equalTo:'#cnfpass'
},
cnfpass:{
required:true
}
},//每一个大节点完成后都必须有逗号做分隔符
//第二步写验证消息
messages:{ //验证信息也是按ID名来写
username:{//并且要与验证规则一一对应
required:"必填",
minlength:'最小长度为4个字节',
// remote:'已存在',
},
password:{
required:'必填',
minlength:'最小长度为6个字节',
equalTo:'两次密码不一致'
},
cnfpass:{
required:'必填'
}
},
success:function(label){
label.html('√').addClass("success");
},
errorPlacement: function(error, element) {
if ( element.is(":radio") )
error.appendTo( element.parent().next().next() );
else if ( element.is(":checkbox") )
error.appendTo ( element.next() );
else
error.appendTo( element.parent().next() );
}
})
})
没有错、语法什么都正常。 我的问题是用这个jquery-validate验证控件,怎么显示验证失败的信息,比如用户名必填,让这个信息显示出来 展开
2个回答
展开全部
$(function(){});是简写。完整写法是$(document).ready(function(){});
和window.onload基本一个意思,在文档节点加载完之后执行函数
fules:{} 这个拼写错误,因该是rules
显示信息是用messages:{}
完整例子如下
var validator = $('#form').validate({
rules: { //添加规则
userName: {
required:true
},
},
messages: { //添加或更新错误提示
userName: {
required:"必填项"
}
}
});
和window.onload基本一个意思,在文档节点加载完之后执行函数
fules:{} 这个拼写错误,因该是rules
显示信息是用messages:{}
完整例子如下
var validator = $('#form').validate({
rules: { //添加规则
userName: {
required:true
},
},
messages: { //添加或更新错误提示
userName: {
required:"必填项"
}
}
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询