jquery Datepicker日期范围验证
jquery Datepicker date range validation
我有一个类似"出生日期"的字段。我已经使用jquery日期选择器来显示日历,以便用户可以选择日期。现在我有个问题。
在出生日期字段中,可以选择打开两个日期选择器字段(如)
出生日期--------从--------到--------
现在的问题是,如果用户在"收件人字段"中选择了一个小于"发件人字段"的日期,并按下提交按钮,它就会被提交。我需要阻止它提交并显示适当的消息,以便用户输入正确的日期。
请帮忙。
这是我使用的代码
<input id="borndate" class="dateISO" onchange="checkDate('borndate');">
</input>
<span id="span_borndate" style="display:none">
<input id="borndate" class="dateISO" onchange="checkDate('borndate');">
</span>
这是我使用的Java脚本
function checkdate(fieldname) {
var comparator = '#comp_' + fieldName;
var compVal = $(comparator).val();
Value = $('#' + fieldName).val();
var fromDate = jQuery.datepicker.parseDate('mm-dd-yy', Value, null);
Values = $('#' + fieldName + '-to').val();
var toDate = jQuery.datepicker.parseDate('mm-dd-yy', Values, null);
$('#span_' + fieldName).find('.error').remove();
if (compVal == "Between") {
if (toDate < fromDate) {
$('#span_' + fieldName).append("<label class='rangeError' generated='false'>Start date should come before end date</label>");
return false;
}
}
return true;
}
这是在提交时再次调用的函数
function validateforms() {
var valid = true;
$('//classnamefor table rows which includes the date td').each(function (index) {
fieldName = $(this).attr("name");
if ($('#' + fieldName).hasClass('dateISO')) {
valid = checkDate(fieldName);
}
}
return valid;
}
试试这个
http://jqueryui.com/demos/datepicker/#date-测距
并使文本框只读="true"
<input type="text" id="from" name="from_date" value="" readonly="true"/>
<input type="text" id="to" name="to_date" value="" readonly="true"/>
相关文章:
- 如何创建一个方法来验证数组的范围
- JavaScript-仅验证数值并且在范围内
- 用于验证数字范围的正则表达式
- 使用正则表达式验证特定范围
- 正则表达式用于验证两个范围之间的数字
- jQuery 验证 - 带逗号的数字进入特定范围
- jQuery(或javascript)验证日期范围
- Javascript/Jquery:使用数字范围验证输入
- 如何在 AngularJS 中设置范围验证
- 适用于 Javascript 函数的应用程序范围的身份验证处理程序
- 用于双精度数范围验证的正则表达式
- 如何使用 HTML 验证日期范围
- 用于验证范围内十进制值的正则表达式是什么 - 0 到 99999.00
- 使用 JavaScript 或 jQuery 进行价格范围验证
- MySQL的时间验证范围
- javascript正则表达式验证范围内的年份
- 如何在javascript中仅验证范围为5-20的数字
- JQuery中动态设置输入验证范围
- Regex验证范围内的日期年份
- Javascript日期验证(范围)