這里是我寫(xiě)的一些操作實(shí)例。
<pre><code>
$(document).ready(function() {
$('#form_save').validate(
{
submitHandler:function(){
save();
},
rules: {
BATCH_CODE: {
required: true,
minlength: 2
},
BATCH_STARTDATE: {
required: true
},
BATCH_ENDDATE:{
required: true
},
BATCH_PLANNEDSTARTDATE:{
required:true
},
BATCH_PLANNEDENDDATE:{
required:true
},
CENTER_ID:{
required:true
},
FACULTY_ID:{
required:true
},
SEMESTER_ID:{
required:true
},
},
messages: {
BATCH_CODE: {
required: "請(qǐng)輸入班級(jí)編碼",
minlength: "班級(jí)編碼必須由兩個(gè)以上字符組成"
},
BATCH_STARTDATE: {
required: "班級(jí)開(kāi)班時(shí)間不能為空"
},
BATCH_ENDDATE:{
required: "班級(jí)結(jié)束時(shí)間不能為空"
},
BATCH_PLANNEDSTARTDATE:{
required:"班級(jí)計(jì)劃開(kāi)班時(shí)間不能為空"
},
BATCH_PLANNEDENDDATE:{
required:"班級(jí)計(jì)劃結(jié)班時(shí)間不能為空"
},
CENTER_ID:{
required:"請(qǐng)選擇所屬中心"
},
FACULTY_ID:{
required:"請(qǐng)選擇代班老師"
},
SEMESTER_ID:{
required:"請(qǐng)選擇所屬老師"
},
},
highlight: function (element) { // hightlight error inputs
$(element)
.closest('.form-group').addClass('has-error'); // set error class to the control group
},
unhighlight: function (element) { // revert the change done by hightlight
$(element)
.closest('.form-group').removeClass('has-error'); // set error class to the control group
},
errorPlacement: function(error, element) {
//添加錯(cuò)誤信息到找到第一個(gè)類(lèi)為form-group的祖先元素中去五慈，即加在出錯(cuò)元素后。
//element：指代出錯(cuò)的input元素；error：指代出錯(cuò)之后要加的信息春畔，有message就用其仗谆，沒(méi)有message就用title碗啄，
//沒(méi)有title最后使用內(nèi)置默認(rèn)自帶信息
//驗(yàn)證規(guī)則分兩種：內(nèi)置笔宿，自定義：內(nèi)置的自帶默認(rèn)message犁钟，自定義的需要自己填加
error.appendTo($(element).parents("div.form-group")[0]);
},
errorClass:"col-md-5 text-danger"
});
});
</script>
</code></pre>
