/* 輸入控件驗證出錯*/ form input.error { border:solid 1px red;}

/* 驗證錯誤提示 " /> 视频一区久久,久久专区,国产高清第一页

中文字幕日韩一区二区_国产一区二区av_国产毛片av_久久久久国产一区_色婷婷电影_国产一区二区精品

jquery validate使用攻略 第四步

默認情況下,驗證提示信息用label元素來顯示, 并且會添加css class, 通過css可以很方便設(shè)置出錯控件以及錯誤信息的顯示方式。

/* 輸入控件驗證出錯*/
form input.error { border:solid 1px red;}

/* 驗證錯誤提示信息*/
form label.error{width: 200px;margin-left: 10px; color: Red;}

如果想自定義顯示方式,可以修改jquery.validate的默認顯示方式

默認用label顯示錯誤消息,可以通過errorElement屬性來修改
errorElement: 錯誤消息的html標簽

$(".selector").validate
errorElement: "em"
})

可以在出錯信息外用其他的元素包裝一層。
wrapper: 錯誤消息的外層封裝html標簽

$(".selector").validate({
wrapper: "li"
})

驗證出錯的css class默認是error,通過errorClass可以修改
errorClass: 驗證出錯時使用的css class

$(".selector").validate({
errorClass: "invalid"
})

還自定義驗證成功時的動作
success: 如果值是字符串,會當做一個css類,如果是一個函數(shù),則執(zhí)行該函數(shù)

$(".selector").validate({
success: "valid"
})

或者

success: function(label) {
label.html(" ").addClass("checked");
}

還可以把錯誤消息統(tǒng)一到一個容器顯示
errorLabelContainer: 將錯誤消息統(tǒng)一到一個容器顯示

$("#myform").validate({
errorLabelContainer: "#messageBox"
})

默認情況下,錯誤消息是放在驗證元素后面的,可以自定義錯誤消息的顯示位置

$(".selector").validate({
errorPlacement: function(error, element) {
error.appendTo( element.parent("td").next("td") );
}
})

更進一步可以定義一個組,把幾個地方的出錯信息統(tǒng)一放在一個地方,用error Placement控制把出錯信息放在哪里
groups:定義一個組

$(".selector").validate({
groups: {
username: "fname lname"
},
errorPlacement: function(error, element) {
if (element.attr("name") == "fname" || element.attr("name") == "lname" )
error.insertAfter("#lastname");
else
error.insertAfter(element);
}
})

高亮顯示
highlight: 高亮顯示,默認是添加errorClass
unhighlight: 和highlight對應,反高亮顯示

$(".selector").validate({
highlight: function(element, errorClass) {
$(element).addClass(errorClass);
$(element.form).find("label[for=" + element.id + "]").addClass(errorClass);
},
unhighlight: function(element, errorClass) {
$(element).removeClass(errorClass);
$(element.form).find("label[for=" + element.id + "]").removeClass(errorClass);
}
});


或者可以完全自定義錯誤顯示
showErrors: 得到錯誤的顯示句柄

$(".selector").validate({
showErrors: function(errorMap, errorList) {
$("#summary").html("Your form contains " + this.numberOfInvalids()
+ " errors, see details below.");
this.defaultShowErrors();
}
})

JavaScript技術(shù)jquery validate使用攻略 第四步,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 成人免费视频一区二区 | 欧美三级视频 | 久久亚洲欧美日韩精品专区 | 在线观看国产精品视频 | 久久久av| 91精品国产高清一区二区三区 | 中文字幕国产精品 | 国产96色在线 | 乳色吐息在线观看 | 高清不卡毛片 | 久久在视频 | 久久激情五月丁香伊人 | 大学生a级毛片免费视频 | 日本xx视频免费观看 | 99精品视频一区二区三区 | 中文字幕av在线播放 | 国产高清一区二区三区 | 美女视频黄色片 | 亚洲伦理自拍 | 91在线精品一区二区 | av先锋资源 | 2018中文字幕第一页 | 欧美精品一区二区三区一线天视频 | 欧美日韩在线精品 | 在线观看www视频 | 在线国产视频 | 欧美日韩一 | 欧美日韩一区在线观看 | 亚洲成人一区二区 | 一区二区不卡视频 | 国产精品久久久久无码av | 风间由美一区二区三区在线观看 | 亚洲精品68久久久一区 | 成人超碰 | 精品久久久久久亚洲精品 | 久久久久久免费毛片精品 | 色吧综合网 | 国产一区二 | 99久视频 | 久久久久久久久一区 | 国产精品无码久久久久 |