> 웹 프론트엔드 > JS 튜토리얼 > 바인드 입력 이벤트 code_jquery

바인드 입력 이벤트 code_jquery

WBOY
풀어 주다: 2016-05-16 16:47:57
원래의
1404명이 탐색했습니다.

프로젝트를 진행하다 보면 '엔터' 키를 묶어야 하는 상황이 발생해 직접 시나리오 코드를 가로채게 됐다. 코드는 다음과 같습니다.

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

function sendLoginData( ){
loginvalidateForm ();

$(document).keydown(function(event){
if(event.keyCode == 13){ //바인딩 Enter
$(' #login-submit ').click(); /로그인 버튼 자동/실행
}
})

$('#login-submit').click(function(){
if( $('#login-form').valid()==false){
return false
}

var 사용자 이름 = $('#id_username'). val();
var 비밀번호 = $('#id_password').val();
$.ajax({
type:"post",
dataType:"json",
contentType:"application /x-www-form-urlencoded;charset=UTF-8",
url:"{% url netPan.User.views.LoginHd%}",
data:{
사용자 이름: 사용자 이름,
비밀번호: 비밀번호
},
beforeSend: function(){
//사용자 경험 개선을 위한 정보 프롬프트
$('#loginInfoWord').show(). text('처리 중입니다. 잠시 기다려 주세요...');
success:function(data){
var message = data.message
if(message == 'D' ){
//사용자 경험 개선을 위한 정보 프롬프트
$('#loginInfoWord').show().text('로그인 성공, 점프 중...')
window.location.href = '{% url netPan.index.IndexHd%}';

}else if(message == 'C'){
$('#loginInfoWord').show().text('사용자 잘못된 이름 또는 비밀번호');
}else if(message == 'N'){
$('#loginInfoWord').show().text('아직 등록하지 않으셨습니다! ');
}else if(message == 'H'){
$('#loginInfoWord').show().text('아직 계정을 활성화하지 않았습니다. 이메일에 로그인하세요. 계정을 활성화하려면!' );
}
},
error: function(xhr,textStatus,errorThrown){
$('#loginInfoWord').show().text('Exception 발생:' errorThrown);
}

});

/* 위 또는 아래에 배치할 수 있으며 순서는 관계가 없습니다.

$(document) .keydown(function(event){
if(event.keyCode == 13){ //바인딩 Enter
$('#login-submit'). click(); /로그인 버튼 자동/트리거

*/
}

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿