form_javascript 팁 제출 시 캐리지 리턴을 방지하는 JavaScript 방법-JS 튜토리얼-php.cn

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

WBOY

풀어 주다： 2016-05-16 15:22:45

원래의

1358명이 탐색했습니다.

모든 사람은 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를 클릭하여 양식을 제출하는 기능을 차단할 수 있습니다. 코드는 간단하고 이해하기 쉽습니다. 이해가 되지 않는 경우에도 귀중한 의견을 보내주시면 감사하겠습니다.