jquery切换验证等相关知识点总结

1)切换

$("#testbtn").toggleClass("btn-success");

$("#testbtn").toggleClass("btn-danger");

$("#testbtn i").toggleClass("icon-ok");

$("#testbtn i").toggleClass("icon-spinner icon-spin");

$("#testbtn").attr('disabled','true');

2)submit ajaxsubmit ajaxform

submit+ajaxform等同于ajaxsubmit

在form submit之前，先执行ajaxform，其中ajaxform的beforeSubmit返回false,submit将不提交，ajaxsubmit 立即提交

3)valid

调用valid方法将触发form validate方法

validate :

rules：验证规则，可以调用jQuery.validator.addMethod注册的方法

jQuery.validator.addMethod("checkName", //addMethod第1个参数:方法名称

function(value, element, params) { //addMethod第2个参数:验证方法，参数(被验证元素的值，被验证元素，参数)

..................

return true;//测试是否匹配

},

"姓名格式错误"); //addMethod第3个参数:默认错误信息

$('#uploadform').validate({

errorElement：‘span’ //错误信息加的标签

errorElement：‘red’ ////错误信息的样式

.................

rules : {

name: {checkName:[]},

},

messages{

}

...................

invalidHandler :function(event, validator) {

//验证格式错误的处理

var errors = validator.numberOfInvalids();

},

errorPlacement : function(error, element)

{

//错误信息放置在哪

error.appendTo($('#tip'))

},

highlight : function(e) {

//高亮如框标红

$(e).closest('.control-group').removeClass('info').addClass('error');

}

})

本文来源 我爱IT技术网 http://www.52ij.com/jishu/5309.html 转载请保留链接。