在" onsubmit-event"之后处理提交动作

时间:2013-12-12 10:20:00

标签: jquery events submit action

我正在使用这个小jquery来获取带有php脚本的ajax-request,它检查文本字段的输入:

$(document).ready(function(){
  $("#submit").click(function(e){
    e.preventDefault();

    var username = $("#username-field").val();
    if(username) { 
        $.ajax({
            url: 'checkinput.php',
            data: {data: JSON.stringify(username)},
            type: 'POST',
            dataType: "json",
            success: function (data) {
                if(data.result == 0) {
                    alertify.alert( data.error );
                } 
                if(data.result == 1) {
                    $("#submit")[0].submit();
                }
            }
        });
    } else { 
        alertify.alert( "You forgot to type username" );
    }
  });
});




<form action="" method="POST">

Username:
<input type="text" name="username" placeholder="Username..." id="username-field">

<input type="submit" name="submit" id="submit" value="send">

</form>

我想要的是什么:

如果返回“data.result”==“0”,则显示提醒消息并保持在页面上(不刷新)

如果返回“data.result”==“1”,则处理提交动作。

我使用preventDefault来停止这个提交动作和第二个if子句来处理提交动作,但它不起作用......任何人都可以帮助我吗? 问候

1 个答案:

答案 0 :(得分:0)

您需要为<form id="myform" action="your page name" method="POST" >

添加ID

使用,

$("#myform").submit();

而不是

$("#submit")[0].submit();