在validate中本涕，ignore配置項為忽略配置的表單元素据途，查找源碼得知，ignore默認值為":hidden"
$.extend( $.validator, {
...,
ignore: ":hidden",
...
})
意思是默認忽略隱藏的表單元素馋没。
一開始我認為是帶有hidden屬性的元素才隱藏呀潭，但后面發(fā)現(xiàn)钉迷，元素的display: none也是被認為是hidden的。
驗證如下：
//默認已引入jquery
<div id="demo" style="display:none;"></div>
console.log($('#demo').is(':hidden')); //true
那如何才能讓validate可以驗證到隱藏的表單元素钠署？很自然的能想到篷牌，配置成空。
$('#demoForm').validate({
ignore: '',
rules: {
'title': { required: true },
}
});
確實能夠起效踏幻，但是會引出一個問題枷颊。
<form id="demoForm">
<input type="file" accept=".xls" hidden />
<input type="text" name="title" />
</form>
$('#demoForm').validate({
ignore: '',
rules: {
'title': { required: true },
}
});
最后會發(fā)現(xiàn)，表單提交不了，而且會觸發(fā)一個錯誤Please enter a value with a valid mimetype.
查找源碼發(fā)現(xiàn)夭苗，在file類型的表單元素信卡，使用了accept屬性，validate會驗證你選擇上傳的文件格式是否你指定的那些(xls等)题造。
這樣想好像也沒問題傍菇，但是事實上我選擇的文件格式 和 它獲取到的文件格式 還真是不一樣。
最后建議改成：
$('#demoForm').validate({
ignore: '[type="file"]',
rules: {
'title': { required: true },
}
});
或者 去掉file的accept屬性
