简体   繁体   English

无法使用jQuery提交表单

[英]Not able to submit the form using jquery

Hi i have login form page where i validated using jquery. 嗨,我有登录表单页面,我在其中使用jquery进行了验证。 jquery script is checking for null values but when i entered the values it is not submittingbut i am able to see the alerts in else block 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>

This is my Html code 这是我的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>

Thanks in advance.. 提前致谢..

Instead of 代替

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

in your else, just return true; 否则, return true;

same in your if, you don't need to 如果您也一样,则无需

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

just return true; return true;

What you're doing in your code is hooking up to the submit event of the form. 您在代码中所做的就是连接到表单的Submit事件。 If you return false or true from submit button, it'll submit the form or not. 如果您从“提交”按钮返回false或true,则它将提交或不提交表单。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM