无法使用jquery提交表单

时间:2014-10-15 12:12:05

标签: javascript jquery

您好我有登录表单页面,我使用jquery验证。 jquery脚本正在检查空值但是当我输入值时它没有提交但我能够在else块中看到警报

<script type="text/javascript">
$(document).ready(function(){
    $("#submit").click(function(){
        //$(this).hide();
        var name = $.trim($("#uname").val());
        var pwd = $.trim($("#pwd").val());
        alert("Value: " + name);
        alert("Text: " + pwd);
        if(name == ''){
            alert('ssss');
            $(":input").css({
                                "background-color":"#FFCECE",
                                "border":"1px solid red"

                            });
        //  return false;
            $('form').submit(function(){
                //e.preventDefault();
                return false;
            });
        }else{
        alert('else');
            $(":input").css({
                                "background-color":"",
                                "border":""
                            });
                            alert('else2');
            $('form').submit(function(){
                alert("thanks");
                return true;
            }); 
            alert('else3');         
        }

    });
});


</script>

这是我的Html代码

<form action="" method="post" name="loginform">
<table>
<tr>
    <th>LOGIN PAGE</th>
</tr>
<tr>
    <td>Name</td>
    <td><input type="text" name="uname" id="uname" /></td>
<tr>
<tr>
    <td>Password</td>
    <td><input type="password" name="pwd" id="pwd" /></td>
<tr>
<tr>
    <td colspan="2"><input type="submit" name="submit" id="submit" value="SUBMIT" />     </td>
<tr>
</table>
</form>

提前致谢..

1 个答案:

答案 0 :(得分:0)

而不是

$('form').submit(function(){
    alert("thanks");
    return true;
}); 

在你的其他地方,只有return true;

在你的if中,你不需要

$('form').submit(function(){
    //e.preventDefault();
    return false;
});

只是return true;

您在代码中执行的操作是连接到表单的提交事件。如果您从提交按钮返回false或true,它将提交表单。