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ときに実行したいと思います。誰でも助けることができます、私は との初心者です。<input type="text">jQueryajax

4

6 に答える 6

1

キーを押す（Enter）の場合、ここにあるスレッドがすでにあります。答えはあなたのニーズに合っていると確信しています：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"すると、上記の1つの回答で指定されたデフォルトの防止方法を使用する必要があるデフォルトのアクションが実行されます。

キープレスを入力するためのイベントを添付するため

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

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

});

お役に立てれば

于 2013-01-28T12:44:52.330 に答える
1

代わりに、ハンドラーをフォームの送信イベントにアタッチしてみてください

于 2013-01-28T12:39:54.143 に答える
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 に答える