jQuery提交回調不起作用

自從我一直試圖弄清爲什麼我的表單驗證不起作用已經過去了一天。在我的身邊，代碼的每個部分都很好。基本上，我試圖驗證在創建帳戶時用戶輸入的兩個密碼是否匹配。如果是，則運行POST方法。如果沒有，則顯示警報。但是，當我運行它，沒有任何驗證，在這兩種情況下（匹配密碼或不）。jQuery提交回調不起作用

需要一個可能的原因背後的代碼不工作。下面是代碼：

<body> 
<div class="container"> 
    <div class="row"> 
     <h2>Hi! Welcome to our JCLOUD File Sharing Service. Please singup to start uploading files</h2> 
    </div> 
    <div class="row" id="signup-row"> 
     <div class="col-xs-12 col-sm-12 col-md-6 col-md-offset-3 col-lg-4 col-lg-offset-4"> 
      <h3>JCloud File Sharing - Signup <small></small></h3> 
      <hr> 

      <form action="register" method="post" id="signup-form"> 
       <div class="form-group"> 
        <label for="username">Enter a username:</label> 
        <input type="text" class="form-control" name="username" /> 
       </div> 
       <div class="form-group"> 
        <label for="email">Enter your e-mail address:</label> 
        <input type="email" class="form-control" name="email" /> 
       </div> 
       <div class="form-group"> 
        <label for="password">Choose a password:</label> 
        <input type="password" class="form-control" name="password" id="password-value" /> 
       </div> 
       <div class="form-group"> 
        <label for="password2">Confirm password:</label> 
        <input type="password" class="form-control" name="password2" id="password-value2" /> 
       </div> 
       <button type="submit" class="btn btn-primary btn-block">Create Account</button> 

      </form> 
      <p>${requestScope["message"]}</p> 
     </div> 
    </div> 
</div> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
     <!-- Include all compiled plugins (below), or include individual files as needed --> 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/crypto-js.min.js"></script> 

     <script> 

      $('#signup-form').submit(function() { 

       var pass1 = $("#password-value").val(); 
       var pass2 = $("#password-value2").val(); 

       if(pass1 == pass2) { 
        var encrypted = CryptoJS.SHA256($("#password-value").val()); 
        $("#password-value").val(encrypted); 

        var encrypted2 = CryptoJS.SHA256($("#password-value2").val()); 
        $("#password-value2").val(encrypted2); 

        return true; 
       } 

       else{ 

        $("#signup-row").before("<div class='row'>" + 
         "<div class='col-xs-12 col-sm-12 col-md-6 col-md-offset-3 col-lg-4 col-lg-offset-4'>" + 
         "<div class="alert alert-danger"><strong>Error!</strong> The passwords you entered don not match." + 
        "</div>" + 
         "<div>" + 
         "</div> "); 

        return false; 

       } 
      }); 

     </script> 
</body>

來源

2017-04-25 Ankur Lathwal

在你輸入雙引號"的危險DIV函數之前。

這是一個正確的語法：

$("#signup-row").before("<div class='row'>" + 
         "<div class='col-xs-12 col-sm-12 col-md-6 col-md-offset-3 col-lg-4 col-lg-offset-4'>" + 
         "<div class='alert alert-danger'><strong>Error!</strong> The passwords you entered don not match." + 
        "</div>" + 
         "<div>" + 
         "</div> ");

我測試了它，它的作品吧！

http://jsfiddle.net/dfyXY/71/

來源

2017-04-25 14:35:13

作品。非常感謝。 :) –

jQuery提交回調不起作用

回答

相關問題