Maison > Article > interface Web > Méthode JavaScript pour empêcher le retour chariot de soumettre un form_javascript conseils

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

WBOYoriginal: 2016-05-16 15:22:451319parcourir

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>

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.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Exemple d'analyse des méthodes liées à l'effet d'animation jQuery_jqueryArticle suivant：Exemple d'analyse des méthodes liées à l'effet d'animation jQuery_jquery

Articles Liés

Voir plus