如果使用jQuery驗證失敗，請動搖文本框

Question

我想驗證2個文本框中的輸入值。如果它們匹配，則用戶可以繼續文本框的其他操作。但是，我無法這樣做。請幫忙。

這是我曾嘗試：

$("#signupbtn").click(function(){ 
    var x,y; 
    $("#password").focus(function(){ 
     x = $("#password").val(); 
    }) 
    $("#password2").focus(function(){ 
     y = $("#password2").val(); 
    }) 
    if(x!=y) 
    { 
     $("#password2").effect("shake") 
    } 
}) 

Answer 1

你需要使用jQuery的UI獲得的防抖效果。下面是它的一個例子：

$(document).ready(function() { 
 
    $("#login_button").click(function() { 
 
    if ($("#password1").val() != $("#password2").val()) 
 
     $("#login").effect("shake"); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 
 

 
<form id="login" name="login"> 
 
    <h3>Login Form</h3> 
 
    <input class="password" id="password1" name="password" placeholder="Password" type="password"> 
 
    <input class="textbox" id="password2" name="password" placeholder="Password" type="password"> 
 
    <input id="login_button" type="button" value=" Login "> 
 
</form>