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>