JS判斷input值的實例分享-js教程-PHP中文網

JS判斷input值的實例分享

小云云

發布： 2018-03-02 15:18:09

原創

1600 人瀏覽過

如何判斷input值？本文主要和大家分享JS判斷input值的實例，希望能幫助大家。

透過按鈕點選事件驅動，方法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>

登入後複製

***Question:透過document.getElementById.value()賦值給zhi,再判斷值。莫非因為記憶體中已經儲存了先前輸入的值，無論文字方塊中是否有值，都判斷為有值，彈出Successful視窗。

2.透過onblur遊標失焦後判斷

當使用者離開輸入欄位時進行驗證：

<input type="text" id="test" onblur="send">

登入後複製

相關建議：

javascript程式碼實現input輸入框模糊提示功能

javascript代碼實現input輸入框模糊提示功能

javascript代碼實現屬性

🎜🎜jQuery操作input值的各種方法總結_jquery🎜🎜

以上是JS判斷input值的實例分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

JS判斷input值的實例分享