码迷,mamicode.com
首页 > 其他好文 > 详细

给表单验证控件添加结束时间不得小于开始时间的验证方法

时间:2014-11-22 10:26:52      阅读:345      评论:0      收藏:0      [点我收藏+]

标签:io   ar   os   sp   java   for   on   art   cti   

//引入验证控件JS

<script type="text/javascript" src="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="保存"><input type="button"
   value="取消">
 </form>
</body>

给表单验证控件添加结束时间不得小于开始时间的验证方法

标签:io   ar   os   sp   java   for   on   art   cti   

原文地址:http://www.cnblogs.com/345214483-qq/p/4114749.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!