Jquery提交方法不起作用

时间:2014-04-23 11:04:09

标签: jquery html

我在jquery中使用了sumbit()方法,但它对我不起作用。代码。 HTML

<form id="reg" action="process.php" method="post">
Username:<input type="text" name="name" size="25">

Password:<input type="password" name="ps1" id="ps1" size="25">

Confirm Password:<input type="password" name="ps2" id="ps2" size="25">
</br><span id="psmsg" class="msg">Passwords don't match!</span>

Contact:<input type="text" name="contact" size="25">

<input type="submit" name="submit" value="Register" id="register">

</form>

我也在使用jquery来检查两个输入的密码是否相等。 Jquery代码

$('#psmsg').hide();
$("#register").click(function (e) {
    alert('here1');
    e.preventDefault();

    if (($.trim($('#ps1').val())) != ($.trim($('#ps2').val()))) {
        isvalid = false;
        $('#ps1').css({
            "border": "1px solid red"
        });
        $('#ps2').css({
            "border": "1px solid red"
        });
        $('#psmsg').show();
    } else {
        $('#ps1').css({
            "border": ""
        });
        $('#ps2').css({
            "border": ""
        });
        $('#psmsg').hide();
        alert('here2');
        $('#reg').submit();
    });
}
});

这两条提示信息&#39; here1&#39;和&#39; here2&#39;正在显示,但表单未提交到action属性中指定的process.php。任何帮助?

1 个答案:

答案 0 :(得分:1)

根据您当前的代码,braces未正确关闭。

试,

$('#psmsg').hide();
$("#register").click(function (e) {
    alert('here1');
    e.preventDefault();

    if (($.trim($('#ps1').val())) != ($.trim($('#ps2').val()))) {
        isvalid = false;
        $('#ps1').css({
            "border": "1px solid red"
        });
        $('#ps2').css({
            "border": "1px solid red"
        });
        $('#psmsg').show();
    } else {
        $('#ps1').css({
            "border": ""
        });
        $('#ps2').css({
            "border": ""
        });
        $('#psmsg').hide();
        alert('here2');
        $('#reg').submit();
    }
});