입력을 클릭하고이 버튼을 여기에

Question

을 제출 타격에 폼 데이터를 모두 제출하는 것은 내가 가진 그 양식의 :

여기

<form class="form-horizontal" id="login-form"> 
<input name="email" id="email" type="email" size="30" class="span4" placeholder="Email" style="margin-top:20px; margin-left:20px; width: 270px;"/> 
<br> 
<input name="passwd" id="passwd" type="password" class="span4" placeholder="Password" style="margin-top:10px; margin-left:20px; width: 270px;"/> 
<br><br> 
<input type="button" id="login" name="login" value="Go" class="btn btn-custom" style="width:30%; margin-left:30px; margin-top:20px"/> 
<br> 
<br> 
</form> 

내가 버튼을 클릭의 데이터를 제출 자바 스크립트를 사용하여 만든다 아약스 전화 :

$('#login').click(function(){ 
    $.ajax({ 
     url:"script.php", 
     type:'POST', 
     dataType:"json", 
     data: $("#login-form").serialize() 
    }).done(function(data){ 
     //do domething 
    }); 
}); 

을

Enter 키를 누르고 제출 버튼을 클릭하여 데이터를 제출하려면 어떻게해야합니까?

Answer 1

코드가 업데이트되었습니다. 함수를 만들고 텍스트 상자 keypress 이벤트에서 호출하고 제출 버튼을 식별 한 다음 함수를 호출하고 버튼의 클릭 이벤트에서 함수를 호출하십시오.

function submitLogin() { 
$.ajax({ 
    url:"script.php", 
    type:'POST', 
    dataType:"json", 
    data: $("#login-form").serialize() 
}).done(function(data){ 
    //do domething 
}); 
} 

$('#email').keypress(function(e) { 
if (e.which == '13') { 
     submitLogin(); 
    } 
}); 
$('#passwd').keypress(function(e) { 
if (e.which == '13') { 
     submitLogin(); 
    } 
}); 
$('#login').click(function(){ 
    submitLogin(); 
}); 

Answer 2

입력 유형을 "제출"으로 변경하고 클릭 이벤트를 양식 제출로 변경하는 것은 어떻습니까?

<input type="submit" id="login" name="login" value="Go" class="btn btn-custom" style="width:30%; margin-left:30px; margin-top:20px"/> 

JQuery와

$('#login-form').submit(function(){ 
    $.ajax({ 
     url:"script.php", 
     type:'POST', 
     dataType:"json", 
     data: $("#login-form").serialize() 
    }).done(function(data){ 
     //do domething 
    }); 
}); 

Answer 3

당신은 모두 이메일과 비밀번호 필드에 키를 누를 때 기능을 추가 할 수 있어야합니다.

한 필드에 예제를 제공했습니다. 방법에

$("input").keypress(function(event) { 
    if (event.which == 13) { 
     event.preventDefault(); 
     runAjax(); 
     // or 
     // runSubmit(); 
    } 
}); 

$('#login').click(function(){ 
    runAjax(); 
    //or 
    //runSubmit(); 
}); 

function runAjax(){ 
    $.ajax({ 
     url:"script.php", 
     type:'POST', 
     dataType:"json", 
     data: $("#login-form").serialize() 
    }).done(function(data){ 
     //do domething 
    }); 
} 

function runSubmit(){ 
    $("form").submit(); 
} 

Answer 4

이

는 생각입니다 press-event-in-javascript

Answer 5

사용이 입력 및

$('#element').on('click keypress', function(event) { 
var check = 1; // Default for Click 
if (e.keyCode == 13) //When Enter Key is pressed 
{ 
var check = 1; 
} 
else 
{ 
var check = 0; // other keys pressed 
} 

if (check == 1) 
{ 
$.ajax({ 
    url:"script.php", 
    type:'POST', 
    dataType:"json", 
    data: $("#login-form").serialize() 
}).done(function(data){ 
    //do domething 
    }); 
    } 
     });