首页 > 代码库 > 给表单验证控件添加结束时间不得小于开始时间的验证方法
给表单验证控件添加结束时间不得小于开始时间的验证方法
//引入验证控件JS
<script type="text/javascript" src="http://www.mamicode.com/js/jquery.validate.js"></script>
<script type="text/javascript">
function getDate(strDate) {
var date = eval(‘new Date(‘
+ strDate.replace(/\d+(?=-[^-]+$)/, function(a) {
return parseInt(a, 10) - 1;
}).match(/\d+/g) + ‘)‘);
return date;
}
jQuery.validator.addMethod("fdate", function(value, element, param) {
var begin = getDate(value);
var end = getDate($("#" + param).val());
if (begin < end) {
return false;
}
return true;
}, $.validator.format("结束时间不能小于开始日期"));
$(function() {
$("#register").validate({
rules : {
name : {
required : true, minlength : 5
},
qipai : {
required : true, digits : true
},
dijia : { required : true, digits : true
},
stime : { required : true, dateISO : true
},
etime : { required : true, dateISO : true, fdate : "stime"
}
},
messages : {
name : { required : "商品名必填", minlength : jQuery.format("用户名不能小于{0}个字 符")
},
qipai : { required : "起拍价必填", digits : "必须为整数" },
dijia : { required : "底价必填", digits : "必须为整数" },
stime : { required : "开始日期必填", dateISO : true
},
etime : { required : "结束日期必填", dateISO : true
}
}
});
});
</script>
********************************************************************
我的HTML代码：
<body>
<h1>拍卖品信息</h1>
<form action="publish.action" id="register" method="post" enctype="multipart/form-data">
名称：<input type="text" name="name"><br> 起拍价：<input
type="text" name="qipai"><br> 底价：<input type="text"
name="dijia"><br> 开始时间：<input type="text" name="stime"
id="stime" onClick="WdatePicker()"><br> 结束时间：<input type="text" name="etime"
id="etime" onClick="WdatePicker()"><br> 拍卖品图片：<input type="file" name="gimage"><br>
描述：
<textarea rows="10" cols="50"></textarea>
<input type="submit" value="http://www.mamicode.com/保存"><input type="button"
value="http://www.mamicode.com/取消">
</form>
</body>
给表单验证控件添加结束时间不得小于开始时间的验证方法