suchen

Heim >Web-Frontend >js-Tutorial >JavaScript-Methode, um zu verhindern, dass ein Wagenrücklauf ein form_javascript-Tipps sendet

JavaScript-Methode, um zu verhindern, dass ein Wagenrücklauf ein form_javascript-Tipps sendet

WBOY
WBOYOriginal
2016-05-16 15:22:451339Durchsuche

Jeder sollte mit der Funktion der Eingabetaste vertraut sein. In vielen Anwendungen im Windows-System genügt ein Klick auf die Eingabetaste, um das Programm aufzurufen oder eine bestimmte Funktion zu aktivieren Wenn Sie beispielsweise ein Formular ausfüllen, können Sie versehentlich auf die Eingabetaste klicken und das Formular versehentlich abschicken. Hier finden Sie eine kurze Einführung in die Implementierung dieser Funktion. Das Codebeispiel lautet wie folgt:

Wie man verhindern kann, dass die Eingabetaste ein Formular sendet, ist eigentlich sehr einfach, nur ein Satz. onkeydown="if(event.keyCode==13)return false;" Schreiben Sie diesen Satz einfach in das from-Tag. 

<!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>

Der obige Code kann die Funktion blockieren, beim Klicken auf die Eingabetaste zum Absenden des Formulars zu klicken. Der Code ist einfach und leicht zu verstehen. Wenn Sie ihn nicht verstehen, können Sie uns gerne Ihre wertvolle Meinung mitteilen. Vielen Dank für Ihre fortgesetzte Unterstützung der Script House-Website.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Beispielanalyse der mit jQuery-Animationseffekten verbundenen Methoden_jqueryNächster Artikel：Beispielanalyse der mit jQuery-Animationseffekten verbundenen Methoden_jquery

In Verbindung stehende Artikel

Mehr sehen