无法使用jquery提交表单

Not able to submit the form using jquery

本文关键字:提交 表单 jquery      更新时间:2023-09-26

嗨,我有登录表单页面,在那里我使用jquery进行了验证。jquery脚本正在检查空值,但当我输入值时,它没有提交,但我可以在其他块中看到警报

<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>

提前谢谢。。

而不是

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

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

在你的if中也是一样,你不需要

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

return true;

你在代码中所做的是连接到表单的提交事件。如果你从提交按钮返回false或true,它将提交或不提交表单。