Jquery自定义日期验证器只工作一次
Jquery custom date validator works only once
我在尝试向jQuery.validator:
添加自定义验证方法时遇到了一个问题。$.validator.addMethod("fromDate", function (value, element) {
var fromDateTime = moment(value, 'm/dd/yyyy HH:mm');
var toDateTime = moment($("#endDate").val(), 'm/dd/yyyy HH:mm');
if (fromDateTime.isValid() && toDateTime.isValid()) {
return toDateTime.diff(fromDateTime) > 0;
}
return false;
}, "Start datetime should be less than end datetime");
$('#queryingDateForm').on('submit', function (e) {
e.preventDefault();
$('#queryingDateForm').validate({
rules: {
start: {
required: true,
fromDate: true
}
},
submitHandler: function (form) {
load();
}
});
});
这行代码只在第一次正确工作,所以验证只工作一次。
return toDateTime.diff(fromDateTime) > 0;
第二次,以此类推,它返回第一次返回的值
Html:<form id="queryingDateForm">
<div class="input-group input-daterange">
<input class="form-control dateTimePicker" id="startDate" type="datetime" placeholder="Date Start" name="start" required />
<span class="input-group-addon">@QueryingResources.To</span>
<input class="form-control dateTimePicker" id="endDate" type="datetime" placeholder="Date End" name="end" required />
<div class="input-group-btn">
<button type="submit" class="btn btn-success searchQuery" id="searchDateBtn">@QueryingResources.Search</button>
</div>
</div>
</form>
,这就是bootstrap datetimepicker的初始化方式:
$(".dateTimePicker").datetimepicker({
autoclose: true,
format: 'm/dd/yyyy hh:ii'
});
Thanks in advance
.validate()
方法仅用于初始化插件
对于下面的版本,表单在验证插件初始化之前就已经在提交过程中了。
$('#queryingDateForm').on('submit', function (e) {
e.preventDefault();
$('#queryingDateForm').validate({ ....
在提交事件启动后,验证如何发生 ?
如何在没有插件初始化的情况下进行验证?
永远不要将.validate()
方法放在submit
事件(或click
事件)处理程序中。
插件已经自动捕获点击并阻止表单的提交。它只是在页面加载时在DOM就绪事件处理程序中被调用…
$(document).ready(function () {
$.validator.addMethod("fromDate", function (value, element) {
// your function
....
});
$('#queryingDateForm').validate({ // initialize the plugin
// your options
....
});
});
相关文章:
- Jquery FadeIn FadeOut 只工作一次
- jQuery滚动功能只工作一次
- iOS鼠标中心绑定只工作一次
- mongoose.js Model.remove在循环中只能工作一次
- 复选框一次选中一个不在gridview中工作
- Regex拆分-工作一次
- EventListener只能工作一次
- jQuery animate只在单击时工作一次
- data th JS每页只工作一次
- Jquery选择选项并获取只工作一次的更改值(页面加载时)
- remove仅每隔一次进行儿童工作
- CSS 类在验证时只工作一次
- Chrome扩展程序:浏览器操作单击按钮工作一次
- 单击仅工作一次
- MVC 分部视图中的 JQuery UI 自动完成功能只能工作一次
- Yelp API、OAuth和Angular与JSONP只工作一次
- 为什么这个脚本只工作一次?只替换元素一次,然后再也不替换
- 滚动时加载更多 滚动速度时一次工作两次
- 为什么一个ng应用程序一次工作
- Ajax请求只在每隔一次工作