Javascript 笔记与总结(2-18)正则验证与正则匹配

① 判断 String 是否符合正则要求

patt.test(String);

② 找出字符串中符合正则的子串

patt.exec(String);

【例】表单提交:

a.用户名不能为空,只能是数字及字母,6-11位

b.email 不能为空且格式正确

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        table{
            width:400px;
            height:400px;
            border:0;
            border-collapse: collapse;
            background:orange;
        }

        td{
            border: 1px solid gray;
            cursor:pointer;
        }
    </style>
</head>
<body>
    <form action="">
        <p>用户名:<input type="text" name="username" id=""></p>
        <p>Email:<input type="text" name="email" id=""></p>
        <p><input type="submit" value="提交"></p>
    </form>
</body>
<script>
    document.getElementsByTagName("form")[0].onsubmit = function(){
        var patt = /^[a-zA-Z0-9]{6,11}$/;
        if(!patt.test(document.getElementsByName("username")[0].value)){
            alert("用户名只能是6-11位数字及字母组成");
            return false;
        }

        patt = /^[a-zA-Z0-9\.-][email protected]\w+(\.\w+)+$/;  //域名不能有_,可以有-
        if(!patt.test(document.getElementsByName("email")[0].value)){
            alert("邮箱错误");
            return false;
        }
    }
</script>
</html>       
时间: 2024-10-28 21:26:58

Javascript 笔记与总结(2-18)正则验证与正则匹配的相关文章

JavaScript邮箱验证-正则验证

一.RegExp 1.1 创建RegExp对象 new RegExp("必选,正则表达式","可选,匹配模式g,i,m") 1.2 RegExp对象的方法 test:检索字符串中的指定值,返回True或False. exec:检索字符串中的指定值,返回找到的值,没有则null. complie:用于改变正则表达式,或增删匹配模式. 1.2.1 test() var r1 = new RegExp('world'); console.log(r1.test('Hell

js正则表达式实现手机号码,密码正则验证

手机号码,密码正则验证. 分享下javascript中正则表达式进行的格式验证,常用的有手机号码,密码等. /** * 手机号码 * 移动:134[0-8],135,136,137,138,139,150,151,157,158,159,182,187,188 * 联通:130,131,132,152,155,156,185,186 * 电信:133,1349,153,180,189 */ NSString * MOBILE = @"^1(3[0-9]|5[0-35-9]|8[025-9])\\

js正则验证手机号码有效性

通过js正则验证手机号码的有效性,方法如下: 验证130-139,150-159,180-189号码段的手机号码 <script type="text/javascript"> var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/; if(!myreg.test($("#phone").val())) { alert('请输入有效的手机号码!'); return false; }

js正则验证数字的方法

正则验证数字的方法: <script type="text/javascript"> function validate(){ var reg = new RegExp("^[0-9]*$"); var obj = document.getElementById("name"); if(!reg.test(obj.value)){ alert("请输入数字!"); } if(!/^[0-9]*$/.test(obj

正则验证常用表单方法

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>正则验证常用表单方法</title> 6 <script type="text/javascript"> 7 function focus_username() { 8 var resultObj1=doc

9月26日JS表单验证、正则表达

一.非空验证 trim:去空格(去掉前后的空格),任何字符串都可以用这个方法.写法为:if(v.trim().length==0),表示如果去掉空格后的字符串的长度为0. <body><form action="Untitled-1.html" method="post"><input type="text" name="uid" id="uid"  onblur="

正则表达式控制Input输入内容 ,js正则验证方法大全

https://blog.csdn.net/xushichang/article/details/4041507 正则表达式控制Input输入内容 2009年04月01日 17:15:00 阅读数:21747 不能输入中文 <input type="text" name="textfield"  onkeyup="this.value=this.value.replace(/[^/da-z_]/ig,'');"/>只能输入 数字和下划

js正则验证方法大全

js正则验证方法大全 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83

[转帖] 分享一个java正则验证类

原址:http://blog.csdn.net/jarvis_java/article/details/5949096 package com.tool.util; import java.util.regex.Matcher; import java.util.regex.Pattern; /** * * @author Jarvis * 90%的验证都调用了Regular方法 但是本类也可删除大部分方法 涉及到正则的判断都直接穿参数和正则表达式 * 但是为了方便业务类调用和有更直观的含义 建