Enter 키를 누를 때 html로 양식 제출 안 함

여러 텍스트 필드가있는 HTML 양식이 있습니다. 따라서 입력 키를 누를 때 텍스트 필드에서 다음 텍스트 필드로 커서를 이동하려고하지만 양식을 제출하면 안됩니다. 어떻게해야합니까? 코드 예제가 있다면 나에게 도움이 될 수 있습니다.Enter 키를 누를 때 html로 양식 제출 안 함

출처

2014-09-22 Sameera Liaynage

당신은 무엇을 시도 했습니까? –

나는 당신이 무엇을 물어해야이 기능을 사용하고 있습니다 :

$(document).on("keypress", ".TabOnEnter" , function(e) 
    { 
    if(e.keyCode == 13) 
    { 
     var nextElement = $('[tabindex="' + (this.tabIndex+1) + '"]'); 
     console.log(this , nextElement); 
     if(nextElement.length) 
     nextElement.focus() 
     else 
     $('[tabindex="1"]').focus(); 
    } 
    });

사용이 클래스에 적용 할 필드의 'TabOnEnte'클래스를. 또한

키 입력과 submittin에서 사용자를 방지하기 위해 :

if (e.which == 13) { 
    e.preventDefault(); 
}

출처

2014-09-22 17:56:20

두 번째 코딩 부분은 어디에 두어야합니까? –

onkeydown = 'if ((event.keyCode == 13 && document.getElementById ("field_0"). value! = "") && event.which == 13) {document.getElementById ("field_1"). ; event.preventDefault();} ' –

키보드 대신 Tab 키를 눌러 입력하십시오.

출처

2014-09-22 17:55:54

테스트 된 웹 규칙을 깨뜨릴 충분한 이유가없는 한 최선의 대답이 될 것입니다. –

예. 하지만 난 그 작업에 대한 사용을 입력 싶습니다. 내 친구 고맙습니다. –

는 내가 대답을 얻었다. 우리가 원하는 입력 태그에 넣어야합니다.

onkeydown='if ((event.keyCode == 13 && document.getElementById("field_0").value!="") && event.which == 13){ 
       document.getElementById("field_1").focus(); 
       event.preventDefault(); 
}'

출처

2014-09-23 05:02:05

Enter 키를 누를 때 html로 양식 제출 안 함

답변

관련 문제