Méthode JavaScript pour empêcher le retour chariot de soumettre un form

Méthode JavaScript pour empêcher le retour chariot de soumettre un form_javascript conseils

WBOY

Libérer： 2016-05-16 15:22:45

original

1355 Les gens l'ont consulté

Tout le monde devrait être familier avec la fonction de la touche Entrée. Par exemple, dans de nombreuses applications du système Windows, il suffit de cliquer sur la touche Entrée pour accéder au programme ou activer une certaine fonction. Cependant, nous souhaitons parfois empêcher sa fonction. Par exemple, lorsque vous remplissez un formulaire, vous pouvez accidentellement cliquer sur la touche Entrée et provoquer la soumission du formulaire par erreur. Voici une brève introduction sur la façon d'implémenter cette fonction. L'exemple de code est le suivant :

Comment empêcher la touche Entrée de soumettre un formulaire est en fait très simple, une seule phrase. onkeydown="if(event.keyCode==13)return false;" Écrivez simplement cette phrase dans la balise 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>

Copier après la connexion

Le code ci-dessus peut bloquer la fonction consistant à cliquer sur Entrée pour soumettre le formulaire. Le code est simple et facile à comprendre. Si vous ne le comprenez pas, n'hésitez pas à nous faire part de vos précieux avis. Merci pour votre soutien continu au site Web Script House.