Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > javascript 按回车键相应按钮提交事件_javascript技巧

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

WBOY
Freigeben： 2016-05-16 18:42:33
Original
1140 Leute haben es durchsucht

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()函数即可；例如：登陆程序的最后一项是密码，则



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

大家齐分享！
Verwandte Etiketten：
回车键
Quelle：php.cn
Vorheriger Artikel：Jquery AJAX 框架的使用方法_jquery Nächster Artikel：jquery animate 动画效果使用说明_jquery
Erklärung dieser Website
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Rufen Sie die Warenkorb-Artikelschlüssel-ID eines bestimmten entfernten Artikels ab: WooCommerce-Einkaufswagen In WooCommerce habe ich eine benutzerdefinierte „cart.php“-Vorlage, in der ich überprüfen ...
Aus 2024-04-04 16:35:18
0
1
282
Suchen Sie einen Wert in einem mehrdimensionalen Array und geben Sie den Wert im selben Array zurück Ich versuche, einen Wert in einem Array von Milti-Arrays zu finden, und nachdem ich ihn ge...
Aus 2024-04-03 12:43:01
0
2
375
So übergeben Sie Parameter vom Client an den Server-Callback, speichern Daten im Array und senden sie an den Client zurück Ich möchte die Fahrzeugvariable vom Client an den Server-Callback senden, wo ich überprüfe...
Aus 2024-04-03 13:05:29
0
1
328
Wie kann dieser Fehler bezüglich des Status in React behoben werden? Ich möchte eine einfache Reaktions-App erstellen, bei der, wenn ich die Eingabetaste für e...
Aus 2024-04-01 09:32:43
0
1
329
Die forEach-Methode in den Gettern von Vuex gibt einen einzelnen Wert anstelle mehrerer Werte zurück Ich habe einen Warenkorb mit einer Reihe von Produkten und möchte auf jeden Namen im Waren...
Aus 2024-03-31 23:43:14
0
1
373
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage