form 태그 안의 input[type=text] 에 포커스가 있을 경우 Enter 키를 클릭하게 되면 폼이 Submit 됩니다. 이는 브라우저의 기본 동작으로 개발자가 의도하지 않는 현상이 일어날 수 있다는 것입니다.


예를 들어 form 의 action 이 지정되지 않은 경우 현재 URL 이 새로고침되는 현상을 볼 수 있죠. 이 현상도 의도하지 않았다면 사용자 입장에서는 황당한 경우라고 할 수 있겠죠? 


이때 jQuery 를 이용하여 Enter 키로 Submit 되는 현상을 막으려면 다음의 코드를 이용하면 됩니다. 


* HTML

<form id="testForm">

제목 : <input type="text" name="title">

</form>


* Script

$("#testForm").submit(function(){

return false;

});




 

저작자 표시 비영리 변경 금지
신고
posted by 소연파파™