javascript簡(jiǎn)單判斷輸入內(nèi)容是否合法的方法

更新時(shí)間：2016年05月11日 09:08:29 作者：dingyan954

這篇文章主要介紹了javascript簡(jiǎn)單判斷輸入內(nèi)容是否合法的方法,以驗(yàn)證用戶(hù)名是否為數(shù)字與字母組成為例,分析了javascript正則驗(yàn)證的思路與實(shí)現(xiàn)方法,需要的朋友可以參考下

本文實(shí)例講述了javascript簡(jiǎn)單判斷輸入內(nèi)容是否合法的方法。分享給大家供大家參考，具體如下：

關(guān)于檢測(cè)用戶(hù)輸入的內(nèi)容是否有非法的字符檢測(cè)實(shí)現(xiàn)思路

1、定義合法的字符串(源字符串)
2、獲取用戶(hù)輸入的內(nèi)容
3、循環(huán)的取出用戶(hù)輸入的每一個(gè)字符，去源字符串中查找
1）、查找到了，返回字符串查找的位置
2）、沒(méi)有找到返回-1，我們正好利用-1檢測(cè)用戶(hù)輸入的內(nèi)容是否合法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>用戶(hù)名是否可用</title>
<script type="text/JavaScript"language="javascript">
   function username(){
     var regex=/[a-zA-Z0-9_]*/;
     var username =document.getElementById('text').value;
     vara=regex.exec(username);
     if(a!=""){
       alert('用戶(hù)名可用!');
     }else{
       alert('有非法字符');
     }
   }
</script>
</head>
<body>
<form>
   用戶(hù)名：<input type="text"id="text" />
   <inputtype="button" onClick="username();" value="檢驗(yàn)是否可用"/>
</form>
</body>
</html>

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫(huà)特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JS中欺騙詞法作用域的eval和with詳解
詞法作用域就是定義在詞法階段的作用域,如果詞法作用域完全由寫(xiě)代碼期間函數(shù)所聲明的位置來(lái)定義,怎樣才能在運(yùn)行時(shí)來(lái)“修改”（也可以說(shuō)欺騙）詞法作用域呢?JavaScript 中有兩種機(jī)制來(lái)實(shí)現(xiàn)這個(gè)目的,感興趣的朋友跟隨小編一起看看吧
2023-10-10
給事件響應(yīng)函數(shù)傳參數(shù)的四種方式小結(jié)
這篇文章主要介紹了給事件響應(yīng)函數(shù)傳參數(shù)的四種方式。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-12-12
在element-ui的el-tree組件中用render函數(shù)生成el-button的實(shí)例代碼
這篇文章主要介紹了在element-ui的el-tree組件中用render函數(shù)生成el-button 的方法，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2018-11-11
aspx中利用js實(shí)現(xiàn)確認(rèn)刪除代碼
在一些程序開(kāi)發(fā)中，對(duì)于刪除操作，最好再讓用戶(hù)確認(rèn)一下，以免誤操作，帶來(lái)的損失，下面的方法，大家可以參考下。各個(gè)語(yǔ)言下，都通用的思路。
2010-07-07
在Koa.js中實(shí)現(xiàn)文件上傳的接口功能
這篇文章主要介紹了在Koa.js中實(shí)現(xiàn)文件上傳的接口功能，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-10-10
使用JavaScript實(shí)現(xiàn)圖片放大鏡功能
圖片放大鏡（Image?Zoom）效果在許多電子商務(wù)網(wǎng)站、在線畫(huà)廊和產(chǎn)品展示頁(yè)面中得到廣泛應(yīng)用,它允許用戶(hù)通過(guò)鼠標(biāo)懸停在圖片上,查看圖片的詳細(xì)局部放大效果,本文將詳細(xì)介紹如何使用?JavaScript?實(shí)現(xiàn)一個(gè)基本的圖片放大鏡功能,需要的朋友可以參考下
2024-12-12
淺談document.write()輸出樣式
這篇文章主要介紹了淺談document.write()輸出樣式，十分的簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。
2015-05-05
js實(shí)現(xiàn)簡(jiǎn)單數(shù)字變動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)數(shù)字變動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-11-11
JS實(shí)現(xiàn)頁(yè)面超時(shí)后自動(dòng)跳轉(zhuǎn)到登陸頁(yè)面
這篇文章主要介紹了JS實(shí)現(xiàn)頁(yè)面超時(shí)后自動(dòng)跳轉(zhuǎn)到登陸頁(yè)面,需要的朋友可以參考下
2015-01-01
JavaScript?防抖debounce與節(jié)流thorttle
這篇文章主要介紹了JavaScript?防抖debounce與節(jié)流thorttle，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下
2022-05-05