正则表达式

来源：互联网发布：贪心算法的实例编辑：程序博客网时间：2024/06/06 01:55

------------------------使用普通方法验证----------------------------------

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>正则表达式-普通方法验证</title></head><body><form action="08c.html" method="post" id="form">    <div>        <span>Email</span>        <input type="text" id="email" name="email"/>    </div>    <div>        <span>密码</span>        <input type="password" id="pwd" name="pwd"/>    </div>    <input type="submit" value="提交"/></form></body><script type="text/javascript">    //获取两个表单项    var email=document.getElementById('email');    var pwd=document.getElementById('pwd');    //表单提交监听事件    document.getElementById('form').onsubmit=function(){    //验证表单项    //1验证验证邮箱是否为空    if(email.value==''){        alert('请输入邮箱');    }    //2验证邮箱是否正确    else if(email.value.indexOf('@')==-1){        alert('邮箱必须包含@');    }else if(email.value.indexOf('.')==-1){        alert('邮箱必须包含“.”');    }    //3验证密码是否为空    else if(pwd.value==''){        alert('请输入密码');    }    //验证提示信息        else alert('登录成功');        return false;    }</script></html>

--------------------------------正则表达式------------------------------------

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>reg正则表达式</title></head><body><form action="#" method="post" id="form">    <input type="text" id="a" value=""/>    <input type="submit" value="登录" id="s"/></form></body><script>    document.getElementById('s').onclick=function(){        //提交监听事件        //普通方式声明一个正则表达式        var reg=/white/;        //var reg=/white/i; 参数 i表示忽略大小写  g表示全局验证        //使用构造函数声明一个正则表达式        var reg=RegExp('white')        //验证输入框是否匹配        var a=document.getElementById('a').value;        if(reg.test(a)){//a中含有white就通过  test方法返回bool值            //验证通过            alert('验证通过');        }else{            //验证失败            alert('验证失败');        }    }</script></html>
-------------------------通过正则表达式规则分割替换字符串-------------------------
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>reg正则表达式2</title></head><body><form action="#" method="post" id="form">    <input type="text" id="a" value=""/>    <input type="submit" value="登录" id="s"/></form></body><script>    document.getElementById('s').onclick=function() {        var reg = /a/ig;        //通过正则表达式规则去分割一个字符串        var a = document.getElementById('a').value;/*        var arr= a.split(reg);        for(var i=0;i<arr.length;i++){            alert(arr[i]);        }        return false;*/        //通过正则表达式规则去替换一个字符串        var b= a.replace(reg,'b')        var input = document.getElementById('a');        input.value=b;        return false;    }</script></html>

阅读全文

1 0