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>

如果使用jquery验证失败，则摇动文本框

1 个答案: