>  기사  >  웹 프론트엔드  >  enter_jquery를 눌러 데이터를 제출하는 jquery 코드 예제

enter_jquery를 눌러 데이터를 제출하는 jquery 코드 예제

WBOY
WBOY원래의
2016-05-16 17:17:341060검색

실제로 jquery가 Enter를 눌러 데이터를 제출하는 것은 매우 간단합니다. 사용자가 Enter를 눌렀는지 확인하고 이벤트를 직접 바인딩하면 버튼에서 Ajax 제출 양식 이벤트를 바인딩할 수 있습니다. .
핵심 코드

코드 복사 코드는 다음과 같습니다.

$(document) .ready( function(){
$("Enter 컨트롤을 누르세요").keydown(function(e){
var curKey = e.which;
if(curKey == 13){
$("#이벤트 버튼 컨트롤 입력").click();
return false;
}
})

이(가) js를 사용 중입니다. ajax 함수는 캐리지 리턴 이벤트도 지원합니다

코드 복사 코드는 다음과 같습니다.

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


$(document).ready(function() {
    //登录提交
    $("#login_submit").bind('click',function (){
        var 사용자 이름=$("#username").val();
        var 비밀번호=$("#password").val()

        $.ajax({
               유형 : 'POST',
               url : './login.php',
               데이터 : {type :'ajax',username:username,password:password}, ​​
                성공 : 기능( msg){
                   //경고(msg);
                 if(msg==-1){
                    경보('용사용불能佸线'); 🎜>                       $("#사용자 이름"). focus();
                  }
                 if(msg==-2){
                   경보('용용불가')
                        $("#username").val("");
                      $("#username").focus();
                }
                  if(msg==-3){
                        경고('密码不能为공간')
                     $(" #password").focus();
                   }
                  if(msg==-6){
                     경고('密码输入不正确') ;
                       $("#password").focus();
                   }
                   if(msg==1){
                      //alert('登录成功');
                       window.location.href='./index.php';
                   }

               }
            });
    });

});
 
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.