首頁 > web前端 > js教程 > 主體

jquery按回車提交資料的程式碼範例_jquery

WBOY
發布: 2016-05-16 17:17:34
原創
1049 人瀏覽過

其實jquery按回車提交資料是很簡單的事情,我們只要檢查測到用戶按了回車就直接綁定事件.click就實現了提交了,在按鈕上我們綁定ajax提交表單事件即可。
核心程式碼
 

複製程式碼 程式碼如下:

$(document).ready(document). function(){
$("按下回車的控制項").keydown(function(e){
var curKey = e.which;
if(curKey == 13){
$("#回車事件按鈕控制").click();
return false;
}
});
});
 

是用js的ajax功能同時支援回車事件
複製程式碼 程式碼如下:

document.onkeydown = function (e) {
var theEvent = window.event || e;
var code = theEvent.keyCode || theEvent.which;
if (code = theEvent.keyCode || theEvent.which;
if (code = = 13) {
$("#login_submit").click();
}


$(document).ready(function() {
    //提交
    $("#login_submit").bind('click',function (){
        var 使用者名稱=$ = #password").val();

        $.ajax({
             url : './login.php',
                data: {type : 'ajax',用戶名:用戶名,密碼:密碼},
                成功:函數( msg){
                    if(msg==-1){
名              alert('不能為空');
                        $("#username"). focus();
                   }
                   if(msg==-2){
                       alert('用戶名不存在');
                        $("#username").val("");  ("#username").focus();
                   }
      ){
                       alert('密碼與空白');                     }
                        alert ('密碼輸入不正確');
                        $("#password").. 🎜>                    if(msg==1){
        });
                        window.location.href='./index.php  >
                }
            });
 }); ;
 
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板