【问题标题】:jquery validation for numeric entry?数字输入的jQuery验证?
【发布时间】:2015-03-18 15:15:50
【问题描述】:

我有以下长度验证,但我如何只验证数字?

    function cmdvalidate() {
        if (len($('#txtReqAreaCode').val()) < 3) {
            alert("Please check the requester's phone number.  It must be 10 digits.");
            $('#txtReqAreaCode').focus();
            return false;
        } else if (len($('#txtRequestorPhone').val()) < 3) {
            alert("Please check the requester's phone number.  It must be 10 digits.");
            $('#txtRequestorPhone').focus();
            return false;
        } else if (len($('#txtRequestorPhonePt2').val()) < 4) {
            alert("Please check the requester's phone number.  It must be 10 digits.");
            $('#txtRequestorPhonePt2').focus();
            return false;

【问题讨论】:

  • 请谷歌阅读documentation
  • 相乘,如果大于 0 则为一个数

标签: jquery validation phone-number


【解决方案1】:

有很多方法可以做到这一点(RegExp,parseInt 比较,...),但无论如何您都在使用 jQuery,只需使用 jQuery's isNumeric 函数。

【讨论】:

    【解决方案2】:

    首先,您在代码中使用了很多不必要的重复。

      alert("Please check the requester's phone number.  It must be 10 digits.");
            $('#txtRequestorPhonePt2').focus();
            return false;
    

    显示三遍。尝试将phone_lengthphone_string 存储在变量中

    var phone_length = $('#txtReqAreaCode').text().length + 
    $('#txtRequestorPhone').text().length + $('#txtRequestorPhonePt2').text.length()
    
    var phone_string = $('#txtReqAreaCode').val() + $('#txtRequestorPhone`).val() + 
    $('txtRequestorPhonePt2').val();
    

    那么,你的主要功能应该是

    if (phone_length < 10 && phone_string.search(/\D/) !== -1)  {
        alert("Please check the requester's phone number.  It must be 10 digits.");
        $('#txtRequestorPhonePt2').focus();
        return false;
    }
    

    JavaScript 的string#search 方法在字符串中搜索特定模式。在这种情况下,我使用了 /\D/ 正则表达式符号来查找任何不是数字的东西。

    搜索函数返回匹配字符的索引。如果没有找到,它将返回-1

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-06-13
      相关资源
      最近更新 更多