입력 양식 제출

Question

Enter 키를 눌러 제출할 때 어떻게 제출합니까? 제출 버튼을 완전히 제거하고 싶습니다. 이미 양식을 제출 텍스트 필드에 초점을 맞추고있는 동안 당신은 실제로 버튼을 제출 필요 (보고 할, "입력"친

HTML

<form class="iform"> 
<input id='input1' name='input1'/> 
<input type='button' value='GO!' id='submit' onclick='onSubmit()' /> 
</form> 

JS

$('#submit').click(function() { 
$('#slider').anythingSlider($("#input1").val()); 
}); 

Answer 1

아주 간단한

이든

<form class="iform" id="iform"> 
<input id='input1' name='input1'/> 
<input type='submit' value='GO!' /> 
</form> 

또는

<form class="iform" id="iform"> 
<input id='input1' name='input1'/> 
</form> 

두 경우 모두에서 6,

JS

$('#iform').submit(function(e) { 
    $('#slider').anythingSlider($("#input1").val()); 
    e.preventDefault(); 
}); 

Answer 2

Stack Overflow의 "search"폼 (예 :이 페이지의 오른쪽 위에). 당신은 대신 submit 이벤트를 수신하기 위해 자바 스크립트를 변경해야 할 수도 있습니다 :

$('form').submit(function() { 
    $('#slider').anythingSlider($("#input1").val()); 
}); 

사람이, 내가 반대 제안에 관계없이 초점이 곳의 를 입력 누를 때 제출 양식을합니다. 그것은 매우 혼란스러운 행동이며 실수로 쉽게 유발 될 수 있습니다.

Answer 3

이 시도 :

$('#formId').keypress(function(e){ 
     if(e.which == 13) 
     $('#slider').anythingSlider($("#input1").val());   } 
    return false; 
     }); 

Answer 4

사용이

<input type="submit" style="display:none;"> 

Answer 5

정상적인 형태가 자동으로 제출 입력 누르면.

<form id="form1" action="test.php"> 
    <input type="text" name="input1" /> 
</form> 

정상적으로 작동하지만 유효성을 확인할 수 없습니다.

자바 스크립트로 양식을 제출하려면 .submit() 함수를 사용할 수 있습니다.

document.forms["form1"].submit(); 

또는 하나 개의 필드가 있기 때문에 jQuery를

$("#form1").submit(); 

Answer 6

제출 버튼이없는 간단한 해결책 :

HTML

<form action="path_to_the_action"> 
    <input class="submit_on_enter" type="text" name="q" placeholder="Search..."> 
</form> 

jQuery를

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('.submit_on_enter').keydown(function(event) { 
     if (event.keyCode == 13) { 
      this.form.submit(); 
      return false; 
     } 
    }); 
    }); 
</script>