表单验证Jquery没有错误

时间:2014-09-15 11:50:09

标签: javascript jquery forms

我正在尝试使用javascript使用' .submit()'来验证一个非常简单的表单。功能。 第一个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>

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

您的代码应该是:

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