正则表达式

最新推荐文章于 2024-05-20 10:35:51 发布

知识即信仰

最新推荐文章于 2024-05-20 10:35:51 发布

阅读量237

点赞数 1

分类专栏：历史归类

本文链接：https://blog.youkuaiyun.com/LEI2879223426/article/details/76099597

版权

历史归类专栏收录该内容

27 篇文章

订阅专栏

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

<!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>