在验证输入的日期时,这个addMethod确实有问题。它没有正确地测试正则表达式,我认为它可能是用错误编写的。日期应该是这样的格式: dd.mm.yyyy。请帮帮我..。
$(function() {
$(".msgBtn").click(function() {
var isValid = true;
if (!$("#startDate").valid()) {
isValid = false;
}
if (!$("#endDate").valid()) {
isValid = false;
}
if (!isValid)
return;
$("form#csr-message").submit(); //save button
});
});
$.validator.addMethod(
"formatdata",
function(value, element) {
var i = /(?:0[1-9]|[12][0-9]|3[01])\.(?:0[1-9]|1[0-2])\.(?:19\d\d|20\d\d)/;
return this.optional(element) || i.test(value);
}, "Incorrect format data");
var validator = $("#csr-message")
.validate(
{
rules : {
startDate : {
formatdata : true
},
endDate : {
formatdata : true
}
},
messages : {
startDate : {
formatdata : jQuery
.format("Start date has incorrect format!"),
},
endDate : {
formatdata : jQuery
.format("End date has incorrect format!"),
}
}
}
html:
<form method="post" action="<%=RelativeActionURL.rewrite(formAction)%>" id="csr-message">
...
<input type="text" id="startDate" name="startDate" placeholder="dd.mm.yyyy" value="<fmt:formatDate pattern="dd.MM.yyyy" value="${messageDetails.startDate}" />"/>
...
<input type="text" id="endDate" name="endDate" placeholder="dd.mm.yyyy" value="<fmt:formatDate pattern="dd.MM.yyyy" value="${messageDetails.endDate}"/>"/>
...
</form>
发布于 2013-10-10 11:51:07
$(function () {
$.datepicker.setDefaults({
dateFormat: 'dd/mm/yy'
});
});
Then to bind it to the input element:
$(function () {
$("#StartDate").datepicker();
});
信贷Amalea
发布于 2015-01-23 10:53:28
您可以使用addMethod函数创建自己的自定义验证方法。假设您想验证"dd/mm/yyyy":
$.validator.addMethod(
"Mytypedate",
function(value, element) {
// put your own logic here, this is just a (crappy) example
return value.match(/^\d\d?\/\d\d?\/\d\d\d\d$/);
},
"Please enter a date in the format dd/mm/yyyy."
);
然后在你的表格上加上:
$('#myForm')
.validate({
rules : {
myDate : {
Mytypedate: true
}
}
})
;
https://stackoverflow.com/questions/19294760
复制相似问题