masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > javascript 按回车键相应按钮提交事件_javascript技巧

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

WBOY
Lepaskan： 2016-05-16 18:42:33
asal
1144 orang telah melayarinya

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



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

大家齐分享！
Label berkaitan：
回车键
sumber：php.cn
Artikel sebelumnya：Jquery AJAX 框架的使用方法_jquery Artikel seterusnya：jquery animate 动画效果使用说明_jquery
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Dapatkan ID kunci item troli beli-belah bagi item yang dialih keluar khusus: Troli Beli-belah WooCommerce Dalam WooCommerce saya mempunyai templat cart.php tersuai di mana saya perlu menyemak sama...
daripada 2024-04-04 16:35:18
0
1
282
Cari nilai dalam tatasusunan berbilang dimensi dan kembalikan nilai dalam tatasusunan yang sama Saya cuba mencari nilai dalam tatasusunan milti dan selepas menemuinya saya ingin mengemba...
daripada 2024-04-03 12:43:01
0
2
375
Bagaimana untuk menghantar parameter dari klien ke panggilan balik pelayan, menyimpan data dalam tatasusunan dan menghantarnya kembali kepada klien Saya ingin menghantar pembolehubah kenderaan daripada pelanggan ke panggilan balik pelayan...
daripada 2024-04-03 13:05:29
0
1
328
Bagaimana untuk membetulkan ralat ini tentang keadaan dalam tindak balas? Saya ingin membuat aplikasi reaksi mudah di mana apabila saya menekan enter pada blok, blo...
daripada 2024-04-01 09:32:43
0
1
329
Kaedah forEach dalam getter Vuex mengembalikan satu nilai dan bukannya berbilang nilai Saya mempunyai troli beli-belah yang merupakan pelbagai produk dan saya ingin mengakses se...
daripada 2024-03-31 23:43:14
0
1
373
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan