Javascript/jquery if 语句不起作用

Question

我真的在这个问题上绞尽脑汁-这看起来很简单，但我无法让它发挥作用-

$(function() {
    function check() {
        var myname = $("#myname").val();
        var myemail = $("#myemail").val();
        var password = $("#password").val();
        var repeatpassword = $("#repeatpassword").val();

        if (myname == "") {
            $("#mynameresult").append("Please Enter Your Name");
            return false;
        }
        if (myemail =="") {
            $("#myemailresult").append("Please Enter Your Email");
            return false;
        }
        if (password == "") {
            $("#passwordresult").append("Please Enter a Password");
            return false;
        }
        if (repeatpassword == "") {
            $("#repeatpasswordresult").append("Please Repeat the Password");
            return false;
        }
        return true;
    }
});

我的表格看起来像这样-

<table class="registrationform">

  <form method="post" onsubmit = "return check();" action="/ToDoneList/ToDoneList/usr/registrationparse.php" enctype="multipart/form-data" >

    <tr><td>Username: </td><td><input class="focusfox" type="text" name="username" id="myname"></td><td id="mynameresult"></td></tr>
    <tr><td>Email: </td><td><input type="text" name="email" id="myemail"></td><td id="myemailresult"></td></tr>
    <tr><td>Password: </td><td><input type="password" name="password" id="password" /></td><td id="passwordresult"></td></tr>
    <tr><td>Repeat the Password: </td><td><input type="password" name="repeatpassword" id="repeatpassword"/></td><td id="repeatpasswordresult"></td></tr>           
    <tr><td rowspan="2"><img id="captcha" src="/securimage/securimage_show.php" alt="CAPTCHA Image" /></td><td><input type="text" name="captcha_code" maxlength="6" title="Enter What you see on the Left If you are having trouble click the New Image Button"/></td></tr>
    <tr><td><button type="button "onclick=\'document.getElementById("captcha").src = "/securimage/securimage_show.php?" + Math.random(); return false\'>New Image</button></td>
    <tr><td class="regbutton" colspan="2"><input type="submit" value="Register" ></td></tr>

  </form>
</table>

问题是，当我提交带有空格的表单时，这个函数将无法捕获。我认为这一定是我的 if 语句的问题，因为当我将其剥离并将值保存到变量并将这些值附加到变量，并且在 if 语句之外返回为 false 时，它​​确实阻止了它提交。

不管怎样，你能看出这里有什么不对的地方吗？在此先感谢您的帮助!

Answer 1

您正在“就绪”回调中定义“检查”函数。因此，它不是全局的，因此您不能从“提交”处理程序中调用它。

改为通过 jQuery 附加您的提交处理程序:

$('form').submit( check );

将其放在“就绪”处理程序的末尾(内部)。