正则表达式的案例分析

----01----
var name = document.getElementById(" uname ").value;
//是获取HTML标签中id=“uname”的value的方法
//获取你指定Id的那个对象的值

----02----
document.getElementById(“unamesp”).innerHTML=“当前用户不合法,用户名必须在6-8”;
// < span id=“unamesp”>< /span >

----03----
正则表达式
限定符  用来限定所修饰之前的一个字符 出现的个数
            ? 代表当前的字符出现 1次 或者 0次
            + 代表当前的字符出现至少1次
            * 代表当前的字符出现0或多次
            {n} 代表当前的字符 必须出现n次
            {n,} 代表当前字符 最少出现n次
            {n,m} 代表当前字符 出现[n,m]  eg.{3,5} 3次 4次 5次
^ 表示以该符号开头 需要放在第一位
$ 表示以该符号结尾 需要出现在最后一位
在范围限定符后面添加**?** 非贪婪
默认 贪婪
正则表达式的简写方式:使用一对 /pattern/attr 来进行定义

----04----
非 ! 当前运算符操作的表达式的值最终取反 原先是真 最终为假 原先是假 最终为真

----05----
JS RegExp 对象
test() 方法
test() 方法用于检测一个字符串是否匹配某个模式.
如果字符串中有匹配的值返回 true ,否则返回 false。
语法:
RegExpObject . test (string)

----06----
范例:

<form action="#">
<tr>
       <td>
                姓名: 
       </td>
        <td>
                <input type="text" placeholder="姓名" id="uname">
                <span id="unamesp"></span>
        </td>
</tr> 
 <tr>
        <td>
            <input type="reset" value="重置">
            <input type="button" value ="提交" onclick="user();"/>
        </td>
</tr>
</from>
<script>
        function user(){
            var name = document.getElementById("uname").value;  //将输入框中的值赋予变量name,通过id=uname获取
            if(!/^.{6,8}$/.test(name)){
                document.getElementById("unamesp").innerHTML="当前用户不合法,用户名必须在6-8";
            }else{
                alert("验证成功");
            }
        }
    </script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值