是否可以使用JQuery验证验证引导日期戳?因为它不会暴露输入字段,我无法得到它来验证。
示例:https://jsfiddle.net/Khrys/2rcr9j5s/
$.validator.setDefaults({
submitHandler: function() {
form.submit()
}
});
$().ready(function() {
var container = $('div.containerx');
$("#Form").validate({
ignore: [],messages: {
StartTime: {
required: "Select the StartTime."
}
},errorContainer: container,errorLabelContainer: $("span",container),highlight: function ( element,errorClass,validClass ) {
$('#StartTime').addClass( "btn-danger" );
$('#Filter').addClass( "btn-danger" );
},unhighlight: function ( element,validClass ) {
$('#StartTime').removeClass( "btn-danger" );
$('#Filter').removeClass( "btn-danger" );
}
});
});
更新:
btn-class需要正确应用于元素。
https://jsfiddle.net/2rcr9j5s/4/
解决方法
更新了小提琴:
https://jsfiddle.net/2rcr9j5s/1/
$.validator.setDefaults({
submitHandler: function() {
form.submit()
}
});
$().ready(function() {
var container = $('div.containerx');
$("#Form").validate({
ignore: [],rules:{
StartTime: {
required: true
}
},messages: {
StartTime: {
required: "Select the StartTime."
}
},validClass ) {
$('#StartTime').addClass( "btn-danger" );
$('#Filter').addClass( "btn-danger" );
},validClass ) {
$('#StartTime').removeClass( "btn-danger" );
$('#Filter').removeClass( "btn-danger" );
}
});
});
将datepicker设置为必需。
这是你需要的吗?