04.JavaScript正则表达式

JavaScript 正则表达式 正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。

搜索模式可用于文本搜索和文本替换。

什么是正则表达式？ 正则表达式是由一个字符序列形成的搜索模式。 当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。 正则表达式可以是一个简单的字符，或一个更复杂的模式。 正则表达式可用于所有文本搜索和文本替换的操作。

语法 /正则表达式主体/修饰符(可选)

其中修饰符是可选的。

实例：

var patt = /runoob/i

演示：判断邮箱

function check_email(obj) { /*正则表达式：判断是否是一个邮箱*/ var email = obj.value; var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/; if(!reg.test(email)){ document.getElementById("tip").innerText = "错误"; }else{ document.getElementById("tip").innerText = ""; } } <form> <table> <tr> <td>邮箱：</td> <td><input id="email" name="email" type="text" onchange="check_email(this)"/></td> </tr> <tr> <td colspan="2"> <label id="tip"></label> </td> </tr> <tr> <td colspan="2"><button>提交</button></td> </tr> </table> </form>

演示：电话号码

function check_phone(obj) { /*正则表达式：判断是否是一个邮箱*/ var email = obj.value; var reg = /^([1])([0-9]{10})$/; if(!reg.test(email)){ document.getElementById("email").className = "email_input_error"; }else{ } } <form> <table> <tr> <td>邮箱：</td> <td><input id="email" name="email" type="text" onchange="check_phone(this)"/></td> </tr> <tr> <td colspan="2"><button>提交</button></td> </tr> </table> </form> .email_input_error{ border-color: red; border-width: medium; }