文本框一个只带有数字，另一个带有逗号

Question

我在表单中有两个文本框。 一个仅验证数字，另一个验证数字和逗号。

仅第一种情况。

function(textBoxObject) {
    var that = $(this),
    val = that.val();

    if (val === "" || isNaN(val)) {
      that.addClass("error");
    } else {
     that.removeClass("error");
    }
}

第二个案例编号和逗号。

如何处理另一个带有数字和逗号的文本框？ 并且可以在第一个函数本身中添加逻辑吗？

Answer 1

我假设您将12,34视为非法，将1,234视为合法。 这是演示

function checkNumberWithComma(textBox) {
    if ((textBox.value == 0 || textBox.value) && textBox.value.match(/^\d{0,3}(?:,\d{3})*$/)) {
        $(textBox).removeClass("error");
    }
    else {
        $(textBox).addClass("error");
    }
}

和正则表达式：

^       means start
\d{0,3} means 0-3 digits
(?:     means non-capturing group 
,
\d{3}   means 3 digits
)
*       means repeat for 0 or more times
$       means end

Answer 2

您可以使用.indexOf（）方法。

就像是...

if(val.indexOf(',') === -1) {
    ...your code here...
}

Answer 3

您可以尝试使用if(val.match(/^(\\d,?)*$/g))

它将允许一个空字符串，数字和以逗号分隔的数字。 但是，它的确允许在字符串的末尾使用逗号。

所以， 1,2,3,4 ， 1234和1234,全部通过，但是,12,34和foo将失败。

Answer 4

看看这个codepen ，我不完全知道您想要的行为，但是您可以尝试类似的方法。

JS

$(function(){
  function validateInput() {
      var that = $(this),
      val = that.val();
      if (that.attr('data-type') === 'number') {
        if (val === '' || isNaN(val)) that.addClass('error');
        else that.removeClass('error');
      }
      else {
        if (val.indexOf(',') === -1) that.addClass('error');
        else that.removeClass('error');
      }
  }

  $('input').change(validateInput);
});

HTML

<div>
  <label> Number
    <input type="text" data-type="number"/>
  </label>
</div>

<div>
  <label> Comma
    <input type="text"/>
  </label>
</div>