简单正则表达式入门 邮箱格式验证实例

正则表达式创建方式
1.直接创建var regExp = / 正则表达式/
2.使用内置支持类RegExp

var regExp = new RegExp("正则表达式 ")

RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。

直接量语法
/pattern/attributes
创建 RegExp 对象的语法：
new RegExp(pattern, attributes);
参数
参数 pattern 是一个字符串，指定了正则表达式的模式或其他正则表达式。

参数 attributes 是一个可选的字符串，包含属性 “g”、“i” 和 “m”，分别用于指定全局匹配、区分大小写的匹配和多行匹配。ECMAScript 标准化之前，不支持 m 属性。如果 pattern 是正则表达式，而不是字符串，则必须省略该参数。

邮箱格式验证实例

调用方式
以下是从网上找来的邮箱验证正则表达式^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$
通过调用text(） 方法来获得一个boolean类型的值，通过if 语句判断后执行代码，同时通过 onfocuse句柄实现当光标移动到文本框修改时后面的回馈信息消失

        <script type="text/javascript">
            window.onload = function () {
                document.getElementById("btn_confirm").onclick = function () {
                    var emil = document.getElementById("text_input").value;
                    var regExp = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/
                    var ok = regExp.test(emil);
                    var emilError = document.getElementById("emilError");
                    if (ok){
                        emilError.innerText = "邮箱验证合法"
                    } else {
                        emilError.innerText = "邮箱验证不通过"
                    }
                }
                document.getElementById("text_input").onfocus = function () {
                    document.getElementById("emilError").innerText="";
                }
            }
        </script>

        <input type="text" id="text_input"/>
        <input type="button" value="验证邮箱" id="btn_confirm"/>
        <span id="emilError" style="color: red; font-size: 12px"></span>