jQuery 日期选择器未验证
jQuery datepicker doesn`t validate
我的 jQuery 日期选择器有问题。
如果我在日期选择器中添加没有值的表单,它会告诉我输入一个日期。
当我选择一个日期时,它就像没有得到更新一样,仍然要我输入一个日期。
看看这个 fiddle :
http://jsfiddle.net/xa5gn1kq/12/
$(document).ready(function () {
$("#rental-form").bootstrapValidator({
framework: 'bootstrap',
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
live: 'enabled',
submitButtons: 'button[id="rental-submit"]',
fields: {
datePicker: {
validators: {
notEmpty: {
message: 'Velg en dato'
},
date: {
format: 'MM-DD-YYYY',
message: 'Datoen er ikke i riktig format, velg fra listen - eller skriv i følgende format: mm-dd-yyyy'
}
}
}
}
});
$('#datePicker').datepicker({
dateFormat: 'mm-dd-yy',
minDate: "0",
endDate: "01-01-2016",
todayBtn: "linked",
autoclose: true,
onSelect: function (date, inst) {
$('#data').text(this.value);
$('#rental-form').formValidation('revalidateField', 'datePicker');
}
});
});
尝试不带日期提交,然后选择一个日期,确认验证错误未被删除。
没有formValidation
插件,在datePicker代码里还是叫bootstrapValidator
$('#datePicker').datepicker({
dateFormat: 'mm-dd-yy',
minDate: "0",
endDate: "01-01-2016",
todayBtn: "linked",
autoclose: true,
onSelect: function (date, inst) {
console.log('ccc')
$('#data').text(this.value);
$('#rental-form').bootstrapValidator('revalidateField', 'datePicker');
} // ^^ here, wrong name !
});
我的 jQuery 日期选择器有问题。
如果我在日期选择器中添加没有值的表单,它会告诉我输入一个日期。
当我选择一个日期时,它就像没有得到更新一样,仍然要我输入一个日期。
看看这个 fiddle :
http://jsfiddle.net/xa5gn1kq/12/
$(document).ready(function () {
$("#rental-form").bootstrapValidator({
framework: 'bootstrap',
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
live: 'enabled',
submitButtons: 'button[id="rental-submit"]',
fields: {
datePicker: {
validators: {
notEmpty: {
message: 'Velg en dato'
},
date: {
format: 'MM-DD-YYYY',
message: 'Datoen er ikke i riktig format, velg fra listen - eller skriv i følgende format: mm-dd-yyyy'
}
}
}
}
});
$('#datePicker').datepicker({
dateFormat: 'mm-dd-yy',
minDate: "0",
endDate: "01-01-2016",
todayBtn: "linked",
autoclose: true,
onSelect: function (date, inst) {
$('#data').text(this.value);
$('#rental-form').formValidation('revalidateField', 'datePicker');
}
});
});
尝试不带日期提交,然后选择一个日期,确认验证错误未被删除。
没有formValidation
插件,在datePicker代码里还是叫bootstrapValidator
$('#datePicker').datepicker({
dateFormat: 'mm-dd-yy',
minDate: "0",
endDate: "01-01-2016",
todayBtn: "linked",
autoclose: true,
onSelect: function (date, inst) {
console.log('ccc')
$('#data').text(this.value);
$('#rental-form').bootstrapValidator('revalidateField', 'datePicker');
} // ^^ here, wrong name !
});