<style>.spa{/*js來改變span顏色*/color: red;}</style><script type="text/javascript">function checkIn(obj){//失去焦點（鼠標離開文本框）時驗證//文本框的值var val = obj.value;//拿到文本框的名字，用來做switch判斷var name = obj.name;//拿到span，錯誤時給出提示，顯示在spanvar sp = obj.parentElement.lastElementChild;switch(name){case "userId":var reg = /^(\w){1,6}$/;if (!reg.test(val)) {sp.innerHTML = "(賬號1-6位,支持數字,字母,下滑線)";sp.className = "spa";//返回bool,用于提交時再驗證。return false;}break;case "pwd":var reg = /^(?![0-9]+$)(?![a-zA-Z+$])[0-9a-zA-Z]{6,12}$/;if (!reg.test(val)) {sp.innerHTML = "(密碼6-12位,只可數字,字母)";sp.className = "spa";return false;}break;case "mail":var reg = /^\w+(@qq.com|@163.com|@gmail.com)$/;if (!reg.test(val)) {sp.innerHTML = "(郵箱支持@qq.com @163.com @gamil.com)"sp.className = "spa";return false;}break;case "phone"://只驗證151，152，153var reg = /^15[1-3]\d{8}$/;if (!reg.test(val)){sp.innerHTML = "(151，152，153開頭,11位)";sp.className = "spa";return false;}break;}sp.innerHTML = "";sp.className = "";return true;}function clearItem(obj) {//當得到焦點，文本框的提示清空obj.value = "";}function checkForm() {//得到所有文本框var ins = document.getElementsByClassName("in");for (var i = 0; i < ins.length; i ++) { if (!checkIn(ins[i])) {//一個不合格，驗證失敗return false;}}return true;}</script>

其它的除了正則表達式的驗證，還可以字符串的操作。
比如查找一個字符
var str = “bcd”;
var i = str.indexOf(“a”);
找不到
i = -1;
可以作為判斷條件。

總結

以上是生活随笔為你收集整理的js 正则表达式实现文本验证的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。