communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > javascript 按回车键相应按钮提交事件_javascript技巧

javascript 按回车键相应按钮提交事件_javascript技巧

WBOY
Libérer： 2016-05-16 18:42:33
original
1144 Les gens l'ont consulté

1、使用提交按钮提交，在form表单中的onsubmit事件进行表单验证：

复制代码 代码如下:





2、使用button或图片的onclick事件调用表单验证代码：
复制代码 代码如下:



javascript 按回车键相应按钮提交事件_javascript技巧

但是，使用第二种方式进行提交表单时，不能在填写完表单时,按回车不能提交表单。这给客户的

感受是和直接使用提交按钮提交表单是不同的；为了实现此项功能只需在你的页面加上如下javascript代码即可
复制代码 代码如下:

function butOnClick() {
if (event.keyCode == 13) {
var button = document.getElementById("bsubmit"); //bsubmit 为botton按钮的id
button.click();
return false;
}
}

在你表单最有一个输入项中出发onkeydown事件调用butOnClick()函数即可；例如：登陆程序的最后一项是密码，则



这样当你输入完密码后,按下回车键即可实现表单验证和登录操作(如果用户名和密码正确)。这是个人的一点总结，共享出来

大家齐分享！
Étiquettes associées：
回车键
source：php.cn
Article précédent：Jquery AJAX 框架的使用方法_jquery Article suivant：jquery animate 动画效果使用说明_jquery
Déclaration de ce site Web
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
Derniers articles par auteur
Derniers numéros
Obtenez l'ID de clé d'article du panier d'achat d'un article supprimé spécifique : WooCommerce Shopping Cart Dans WooCommerce, j'ai un modèle cart.php personnalisé dans lequel je dois vérifier si un ...
Depuis 2024-04-04 16:35:18
0
1
282
Rechercher une valeur dans un tableau multidimensionnel et renvoyer la valeur dans le même tableau J'essaie de trouver une valeur dans un tableau de tableaux milti et après l'avoir trouvée,...
Depuis 2024-04-03 12:43:01
0
2
375
Comment transmettre les paramètres du rappel du client au serveur, stocker les données dans un tableau et les renvoyer au client Je veux envoyer la variable du véhicule du client au rappel du serveur où je vérifierai si...
Depuis 2024-04-03 13:05:29
0
1
328
Comment corriger cette erreur concernant l'état en réaction ? Je veux créer une application de réaction simple dans laquelle lorsque j'appuie sur Entrée...
Depuis 2024-04-01 09:32:43
0
1
329
La méthode forEach dans les getters de Vuex renvoie une valeur unique au lieu de plusieurs valeurs J'ai un panier qui contient une gamme de produits et je souhaite accéder à chaque nom du p...
Depuis 2024-03-31 23:43:14
0
1
373
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal