>웹 프론트엔드 >JS 튜토리얼 >form_javascript 팁 제출 시 캐리지 리턴을 방지하는 JavaScript 방법

form_javascript 팁 제출 시 캐리지 리턴을 방지하는 JavaScript 방법

WBOY
WBOY원래의
2016-05-16 15:22:451336검색

모든 사람은 Enter 키의 기능에 익숙해야 합니다. 예를 들어 Windows 시스템의 많은 응용 프로그램에서는 Enter 키를 클릭하여 프로그램에 들어가거나 특정 기능을 활성화하는 경우가 있습니다. 예를 들어, 양식을 작성할 때 실수로 Enter 키를 클릭하여 실수로 양식이 제출될 수 있습니다. 다음은 이 기능을 구현하는 방법에 대한 간략한 소개입니다. 코드 예시는 다음과 같습니다.

Enter 키가 양식을 제출하는 것을 방지하는 방법은 실제로 매우 간단합니다. 단 한 문장이면 됩니다. onkeydown="if(event.keyCode==13)return false;" from 태그에 이 문장을 작성하세요.

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<title>屏蔽回车提交表单功能</title>
<script type="text/javascript">
window.onload=function()
{
 var myform=document.getElementById("myform");
 myform.onkeypress=function(ev)
 {
  var ev=window.event||ev;
  if(ev.keyCode==13||ev.which==13)
  {
    return false;
   }
 }
}
</script>
</head>
<body>
<p>在表单中回车默认会提交表单,在form的onkeypress事件中处理,只要返回false就可禁用回车提交表单</p>
<form id="myform">
<input type="text" name="username"/>
<input type="submit" value="提交"/>
</form>
</body>
</html> 

위 코드는 Enter를 클릭하여 양식을 제출하는 기능을 차단할 수 있습니다. 코드는 간단하고 이해하기 쉽습니다. 이해가 되지 않는 경우에도 귀중한 의견을 보내주시면 감사하겠습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.