Question

我试图在不使用任何插件的情况下使用jQuery验证表单，我的第一个问题是在点击提交后没有调用函数validateLogin()。在下面的代码片段中，一切正常，但在我的电脑上却没有。

＆＃13;

function validateLogin() {
      $('#login-form').find('input').each(function() {
      
      var $this = $(this);
      var inputName = $this.attr('name');
      var value = $this.val();
      
      alert(" value of "+ inputName + " = " + value );
    })
  };

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>

<form class="login-form" id="login-form" name="login" method="get" onsubmit="return validateLogin();" >
                 
                <div class="form-group">
                  <label class="login-label" for="usermail">Already a member?</label>
                  <input class="form-control" type="text" name="usermail" id="usermail" placeholder="Username or Email" value="">
                  <input class="form-control" type="password" name="password" id="password" placeholder="Password">
                  <button class="form-control btn btn-danger" type="submit" id="login-button" >Login</button>
                </div> <!-- end form-group -->
                
              </form> <!-- end login-form -->

＆＃13;

编辑：所以我得到了＃34; Uncaught ReferenceError：validateLogin未定义＆＃34;在快速研究后，我发现validateLogin不应该在$(document).ready内。有人可以解释原因吗？

Answer 1

尝试使用

onclick="validateForm()"

这将在点击登录按钮时自动验证表单。它也可能会使你的js代码变得不那么复杂。此外，控制台中是否有任何错误？

onsubmit函数未调用

1 个答案: