1

我有一个表格：

<form name="viewCustomerDetail" method="post">
    <label>View Account Detail</label>
    <ul>
        <li><input name="accountNumber" id="accountNumber" type="text" class="adminsearch"/></li>
        <li><input name="submit" id="submit" type="button" value="Get Customer"/></li>
    </ul>
</form>

和script：

<script type="text/javascript">
    $(document).ready(function() {
        $("#submit").click(function(){
            var acc = $("#accountNumber").val();
            src = "pass.php";

            $.ajax({
                url: src,
                data: 'action=account&type=viewDetail&accNo='+acc,
                cache: false,
                type:'GET',
                success: function(data, textStatus, XMLHttpRequest){
                    if(data!=0) {
                        $("#userInfo").html("");                        
                        $("#userInfo").css("display","block");
                        $("#userInfo").append(data);
                    }else{
                        $("#userInfo").html('');                        
                        $("#userInfo").append('<span class="alert-red alert-icon">Please Enter correct Account Number.</span>');
                        $("#userInfo").css("display","block");
                    }
                 },
             });
         });
     });
</script>

当script我单击 时，它运行良好button，但如果我将它更改<input type="button"/>为<input type="submit"/>它不起作用。而且，我想在按下ENTER键script时运行。任何人都可以提供帮助，我是and的新手。<input type="text">jQueryajax

4

6 回答 6

1

尝试将您的处理程序附加到表单的提交事件

于 2013-01-28T12:39:54.143 回答
1

对于按键（回车），已经有一个线程，您可以在此处找到。我确定答案符合您的需要：如何从 textarea 提交带有 ENTER 键的 AJAX 表单？

这里的代码：

jQuery('.new-reply-text').keypress(function(e) {
if (e.keyCode == 13 && !e.shiftKey) {
    e.preventDefault();
    this.form.submit();
}
});

对于点击甚至使用 jQuerys .submit() 函数：

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

在提交中，您可以通过其中的 ajax 请求传递另一个函数。

于 2013-01-28T12:42:41.053 回答
1

在使用type="submit"您的表单时，您将执行默认操作，您必须使用上面在一个答案中指定的阻止默认方法。

用于附加事件以输入按键

$('#textbox').keypress(function(event){

var keycode = (event.keyCode ? event.keyCode : event.which);
if(keycode == '13'){
//yourcode
}

});

希望这可以帮助

于 2013-01-28T12:44:52.330 回答
0

用这个

$('#form_id').bind('submit',function(e) {
  e.preventDefault(); //Will prevent the submit...
  //Add additional code here
});
于 2013-01-28T12:38:36.627 回答
0

然后创建一个表单 ID 作为 viewCustomerDetail

$("#accountNumber").keypress(function(event) {
 if ( event.which == 13 ) {
$("#viewCustomerDetail").submit();
}
});
于 2013-01-28T12:46:21.093 回答
0

只需制作一个 Submit 函数Submit()，然后在 Button click 上调用它，如下所示：

input type="Button" value="Submit" onclick="Submit()"

不要将其类型更改为submit.in submit()，在提交时输入您想要执行的代码。

于 2013-09-06T06:50:28.093 回答