验证表单由id输入val

时间:2016-04-04 05:34:33

标签: javascript jquery html-form

我想检查所有输入以激活我的按钮,但我尝试了多个代码并且无法正常工作。

$(('#my_name') && ('#username') && ...).bind('blur', function() {
    if ($(this).val())
    {
        $('.ouvrir-etape3').removeClass('gray');
        $('.ouvrir-etape3').slideDown(300); 
    }
    else
    {
        alert ('check the form');
    }
});

<form action="...">

  <div class="1">
    <input id="my_name">
    <input id="username">
  </div>

  <div class="ouvrir-etape3 gray">Open</div>
  <div style="display:none">...</div>

</form>

我想通过id检查所有输入。此代码检查最后一次输入#username我不知道为什么。

1 个答案:

答案 0 :(得分:0)

您为bind事件编写了错误的语法。只需用以下代码替换即可。它会起作用。

    <html>
    <head>
      <meta charset="UTF-8" />
      <title>Document</title>

      <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

    </head>

    <body>


    <form action="...">

    <div class="1">
      <input id="my_name">
      <input id="username">
    </div>

    <div class="ouvrir-etape3 gray">Open</div>
    <div style="display:none">...</div>

    </form>

    <script>
        $('#my_name,#username').bind('blur', function() {
          if ($('#my_name').val() && $('#username').val()){ $('.ouvrir-etape3').removeClass('gray');
            $('.ouvrir-etape3').slideDown(300); 
          }
          else
          {
            $('.ouvrir-etape3').addClass('gray');
            alert ('check the form');
          }
        });
    </script>  

    </body>

    </html>