js怎么判斷輸入框的內容不能全為標點
js怎么判定輸入框的內容不克不及全為標點?要判定輸入框中內容不克不及全為標點，可以利用逆標的目的思維的體例來解決，即輸入框必需包含字母或數字。下面，小編來為大師介紹js怎么判定輸入框的內容不克不及全為標點。
東西/原料
- 瀏覽器1個
- 電腦1臺
方式/步調
- 1
按照以往老例，我們照樣先新建一個網頁用于做為演示文件，網頁代碼如下：
<html>
<head>
<meta charset="utf-8">
<title>演示網頁</title>
</head>
<body>
<center>
文本框：<input type="text" id="mytxt"><br/>
<input type="button" value="檢測" onclick="testStr();">
</center>
</body>
</html>
想心猿意馬環境：點擊按鈕，若是文本框中有內容，且全數為標點符號，彈出信息提醒“滿是標點”，不然有內容且不全為標點符號，彈出信息提醒“不滿是標點”。
- 2
編寫“檢測”按鈕的單擊事務函數，起首，我們如下圖所示先編寫出函數的框架。
- 3
然后，我們來編寫函數的內部代碼，以實現函數的判定功能。起首，我們來獲取文本框的值，可利用以下代碼：
var str=document.getElementById("mytxt").value;
- 4
我們用表代式：str.length>0來獲取文本框值的長度，進而實現檢測文本框的內容是否為空，若是為空則不進行檢測。
- 5
要檢測文本框的值中是否包含稀有字或字母，我們需要用到test（）函數和正則表達式。
以下代碼界說了一個正則表達式，此中[0-9a-zA-Z]暗示匹配零個或一個字符，且該字符的值只能從0-9、a-z、A-Z中取。而在后面添加“+”，則暗示匹配1個以上合適[0-9a-zA-Z]的字符。
var subStr=/[0-9a-zA-Z]+/
- 6
若是匹配界說的正則表達式，test函數返回邏輯真，不然test函數返回邏輯假，如許，我們就可以操縱if前提語句來實現分歧檢測成果，提醒分歧信息。
從下面的運行結果，可以看到我們當作功操縱了js實現了輸入框內容是否全為標點的判定檢測，解決了問題。
- 發表于 2018-08-16 00:00
- 閱讀 ( 817 )
- 分類：其他類型
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章