字符串和日期的Jquery验证

时间:2014-02-06 04:57:18

标签: javascript jquery html

我想验证三个输入字段http://jsfiddle.net/HSKAT/20/

  1. 仅添加日期
  2. 是否有正则表达式用于验证这个..我不想使用插件

    $('.validate-string').change(function (e) {
        var valid_str = $(this).val();
        ........ 
    });
    

5 个答案:

答案 0 :(得分:1)

这是验证字符串和数字的一种方法..但是对于日期,您已经定义了所需的格式,请查看以下代码编号和字符串

 $(document).ready(function () {
        $('.validate-string').change(function (e) {
            var valid_str = $(this).val();
           var regex = /^[a-zA-Z ]*$/;
            if (regex.test(valid_str)) {
                alert("Valid");
            } else {
                alert("Invalid");
            }

        });
         $('.validate-number').change(function (e) {
            var valid_num = $(this).val();
             if(!valid_num.match(/^[0-9,\+-]+$/)){
             alert("Only numbers allow");
                 return false;
             }

        });
       $('.validate-date').change(function (e) {
        var valid_date = $(this).val();
//yyyy-mm-dd
       var filter = /^\d{4}-\d{1,2}-\d{1,2}$/;

if(filter.test(valid_date))

 alert("Date");

else

 alert("Not date");
    });
});
    });

答案 1 :(得分:0)

如果您不想使用插件,正则表达式将是您最好的选择。
使用此正则表达式来匹配数字:^[0-9]*$ 对于字符串(单词),请使用:^[a-zA-Z]*$

使用test()来测试正则表达式。 More info.

答案 2 :(得分:0)

尝试检查时刻js以确认时间或日期。 http://momentjs.com/

答案 3 :(得分:0)

$(document).ready(function() {

 $('#txtDate').blur(function() {

   if(validateDate('txtDate'))

   {

      alert('Date is valid');

   }

   else

  {

      alert('Invalid Date!!!');

  }

  });

  });



//Functions Starts

function validateDate(txtDate){

var txtVal = document.getElementById(txtDate).value;

var filter = new RegExp("(0[123456789]|10|11|12)([/])([1-2][0-9][0-9][0-9])");

if(filter.test(txtVal))

  return true;

else

 return false;

} ​

答案 4 :(得分:0)

    function validateDate(inputVal)
    {

        var dateReg = /^[0,1]?\d{1}\/(([0-2]?\d{1})|([3][0,1]{1}))\/(([1]{1}[9]{1}[9]      {1}\d{1})|([2-9]{1}\d{3}))$/;
        return dateReg.test(inputVal);
    }