【问题标题】:Form validation Jquery no error表单验证Jquery没有错误
【发布时间】:2014-09-15 11:50:08
【问题描述】:

我正在尝试使用 '.submit()' 函数使用 javascript 验证一个非常简单的表单。 第一个 if 语句(名称没问题),但它没有进入第二个(varsta),我没有收到任何错误。如果我取出条件 '!$.isNumeric($('#varsta').val())' 脚本运行良好。 这是为什么?谢谢

<form method="POST">
  <div>
    <label for="nume">Nume</label>
    <input name="nume" id="nume" type="text">
  </div>

  <div>
    <label for="varsta">Varsta</label>
    <input name="varsta" id="varsta" type="text">
  </div>

  <div>
    <input type="submit" value="Push">
  </div>
</form>


<div id="result"></div>

<script type="text/javascript">

  $( document ).ready(function() {      



    $('form').submit(function(event) {

      event.preventDefault();

      if ($('#nume').val() != "") {

        if ($('#varsta').val() != ""||!$.isNumeric($('#varsta').val())) {

          $('#result').html($('#nume').val() + '<br />' + $('#varsta').val());


        } else {$('#result').text('Indoduceti varsta valida');}



        } else { $('#result').text('Indoduceti numele');}

    })



  })

</script>

【问题讨论】:

  • jsfiddle 会很有用。

标签: javascript jquery forms


【解决方案1】:

而不是$.isNumeric() 尝试isNaN(),如图所示:

if ($('#varsta').val() != "" || isNaN($('#varsta').val()))
{......}

【讨论】:

  • @tavi_tudor..我认为如果需要更多帮助,上述答案对您有用,然后请发表评论。
  • @tavi_tudor...尝试反转条件 use(not operator)!isNaN($('#varsta').val() 而不是 isNaN($('#varsta').val( )
  • 同样的结果。这让我发疯了
  • @tavi_tudor..strange..仔细检查肯定是其他地方有问题...
  • 如果我取出 'isNan' 或 'isNumereic' 'if' 条件脚本运行良好。所以这个条件肯定有问题
【解决方案2】:

你的代码应该是这样的:

 if ($('#varsta').val() != "" && !$.isNumeric($('#varsta').val())) {
   ...
 } else {
   ...
 }

【讨论】:

  • @tavi_tudor 你能再具体一点吗?
  • 对不起.. 这两个陈述不能同时为真。输入为 null 或具有可以是数字或非数字的值
  • 你是对的。我被 PHP 用来以另一种方式验证输入。
猜你喜欢
  • 2017-08-02
  • 2023-02-02
  • 2011-07-27
  • 1970-01-01
  • 2013-12-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多