简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

JS判断input值的实例分享

小云云
Lepaskan： 2018-03-02 15:18:09
asal
1600 orang telah melayarinya

如何判断input值？本文主要和大家分享JS判断input值的实例，希望能帮助到大家。

  1. 通过按钮点击事件驱动，方法document.getElementById()获取input(id)对象，再定义函数，通过判断input的value,提示是否是有效输入。

<body>
<input type="text" id="test" onclick="send();"/>
<button onclick="send()">send</button>
  <script>
var zhi = document.getElementById(&#39;test&#39;);
function send(){
  if (zhi.value == &#39;&#39;){
     alert(&#39;input cannot be none&#39;);
  }else{alert(&#39;Successful&#39;);}
         }
  </script>
Salin selepas log masuk

***Question:通过document.getElementById.value()赋值给zhi,再判断值。莫非因为内存中已经保存了先前输入的值，无论文本框中是否有值，都判断为有值，弹出Successful窗口。

2.通过onblur光标失焦后判断

当用户离开输入字段时对其进行验证：

<input type="text" id="test" onblur="send">
Salin selepas log masuk

相关推荐：

javascript代码实现input输入框模糊提示功能

PHP中input的属性

jQuery操作input值的各种方法总结_jquery

Atas ialah kandungan terperinci JS判断input值的实例分享. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
input javascript 分享
sumber：php.cn
Artikel sebelumnya：js实现短信验证码读秒功能 Artikel seterusnya：js实现获取颜色渐变代码
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
Kaedah CSS sahaja untuk mengubah suai imej src secara dinamik pada klik tanpa menggunakan JavaScript Saya perlu menukar src imej pada klik tetikus hanya menggunakan css seperti img:active{}
daripada 2024-04-06 19:25:49
0
1
505
Titik Scatterplot tidak mengekalkan nilai semasa mengezum masuk d3.js Ini adalah kali pertama saya menggunakan d3.js, jadi harap bersabar. Saya melaksanakannya ...
daripada 2024-04-06 18:16:26
0
1
403
Acara tuding JavaScript pada elemen pseudo khusus vendor 我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',functi...
daripada 2024-04-06 15:35:24
0
1
274
Hantar borang tanpa butang menggunakan Javascript/Jquery Saya cuba menyerahkan borang tanpa butang dengan memanggil fungsi JavaScript dan melaksana...
daripada 2024-04-06 14:54:03
0
2
421
Sesuaikan penampilan pengepala akordion Bootstrap menggunakan kelas CollapseDisplay Saya ingin menggayakan tajuk kad panel dengan rancangan runtuh kelas. Dalam contoh ini, ia...
daripada 2024-04-06 12:53:11
0
1
376
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
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！