當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
javascript正则表达式入门
生活随笔
收集整理的這篇文章主要介紹了
javascript正则表达式入门
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><title> RegExp對象</title><script>/*function validation(obj){//1.得到文本框的值//var name = document.getElementById("username").value;var name = obj.value;//2.定義一個正則表達式var regexp = new RegExp("[a-zA-Z]{6,10}");//3.匹配var bvalue = regexp.test(name);//4.判斷if(bvalue){alert("用戶名格式正確");}else{alert("用戶名格式錯誤，只能6-10位字母組成");}}*///調用函數規則一般:事件名="函數名()"//onclick:點擊//onblur:失去焦點 οnblur="validation(this)" this代表當前的標簽//onfocus:得到焦點//即時的消息提示 function validationsw(obj){//1.得到文本框的值//var name = document.getElementById("username").value;var name = obj.value;//2.定義一個正則表達式var regexp = new RegExp("^[a-zA-Z]{6,10}$");//3.匹配var bvalue = regexp.test(name);//根據id找到divvar errorsw = document.getElementById("errorMsg");//4.判斷 //innerHTML代表的是<div></div>中間的文本,而且能識別html標簽//innerText:代表的是<div></div>中間的文本,但不能識能html標簽if(bvalue){errorsw.innerHTML="<font color='red'>用戶名格式正確</font>";}else{errorsw.innerHTML="<font color='red'>用戶名格式錯誤，只能6-10位字母組成</font>";}}function clearText(objhsw){var hswvalue = objhsw.value;if(hswvalue == "只能6-10位字母組成"){objhsw.value="";}}function changeChar(obj){var source = obj.value;if(source!="只能是6-10位的字母組成"){var regExp = new RegExp("^[a-zA-Z]{6,10}$");flag = regExp.test(source);}var errorsw = document.getElementById("errorMsg2");if(!flag){errorsw.innerHTML = "<font color='red'>只能是6-10位的字母組成</font>";}else{errorsw.innerHTML = "<font color='green'>ok</font>";}}</script></head><body><input type="text" value="只能6-10位字母組成" id="username" name="username" οnfοcus="clearText(this)" οnblur="validationsw(this)" /><div id="errorMsg" style="display:inline;"></div><hr size="3cm" color="blue"/><input id="source" type="text" value="只能是6-10位的字母組成" size="30" οnchange="changeChar(this)" /><div id="errorMsg2" style="display:inline;"></div></body>
</html>
轉載于:https://www.cnblogs.com/thankyou/p/4352069.html
總結
以上是生活随笔為你收集整理的javascript正则表达式入门的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 3DMM及eos人脸重建
- 下一篇： Springboot之QueryDSL增