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(‘Hello, world!‘)); //true
console.log(r1.test(‘Hello, World!‘)); //false
var r2 = new RegExp(‘world‘, ‘i‘); //大小写不敏感
console.log(r2.test(‘Hello, World!‘)); //true
var r3 = new RegExp(/world/i); //简写
console.log(r3.test(‘Hello, World!‘)); //true
1.2.2 exec()
var r1 = new RegExp(‘world‘);
console.log(r1.exec(‘Hello, world!‘)); //[‘world‘]
console.log(r1.exec(‘Hello, World!‘)); //null
var r2 = new RegExp(‘world‘, ‘i‘); //大小写不敏感
console.log(r2.exec(‘Hello, World!‘)); //[‘world‘]
var r3 = new RegExp(/world/i); //简写
console.log(r3.exec(‘Hello, World!‘)); //[‘world‘]
var r4 = new RegExp(‘o‘);
console.log(r4.exec(‘Hello, World!‘)); //[‘o‘]
var r5 = new RegExp(‘o‘, ‘gi‘);
console.log(r5.exec(‘Hello, WOrld!‘)); //[‘o‘]
console.log(r5.lastIndex); //5 匹配文本的第一个字符的位置,o为4,下一个位置为5
console.log(r5.exec(‘Hello, WOrld!‘)); //[‘O‘] 匹配完第一个o后调用继续匹配
console.log(r5.lastIndex); //9
console.log(r5.exec(‘Hello, WOrld!‘)); //null 匹配不到返回null
console.log(r5.lastIndex); //0 lastIndex重置为0
1.2.3 complie()
var r1 = new RegExp(‘world‘);
console.log(r1.exec(‘Hello, world!‘)); //[‘world‘]
r1.compile(‘o‘);
console.log(r1.exec(‘Hello, World!‘)); //[‘o‘]
r1.compile(‘m‘);
console.log(r1.exec(‘Hello, World!‘)); //null
var r2 = new RegExp(‘world‘);
console.log(r2.test(‘Hello, world!‘)); //true
r2.compile(‘mazey‘);
console.log(r2.test(‘Hello, world!‘)); //false

二、正则表达式

  • ^$:表示匹配值的开始和结尾。
  • +:1+,一个或更多。
  • *:0+,零个或更多。
  • ?:0/1,零个或一个。
  • {1,2}:1

    <=length<=2,长度。< li="">

  • ():表示一个表达式的组。

  • []:匹配的字符范围,我理解为一个块,很多块放在一个组()里面。

三、示例

<form action="">
输入:<input type="text" name="mazey" id="mazey" placeholder="请输入邮箱">
<input type="button" value="验证" onclick="check();">
</form>
<script>
function check(){
    var reg = new RegExp("^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$"); //正则表达式
    var obj = document.getElementById("mazey"); //要验证的对象
    if(obj.value === ""){ //输入不能为空
        alert("输入不能为空!");
        return false;
    }else if(!reg.test(obj.value)){ //正则验证不通过,格式不对
        alert("验证不通过!");
        return false;
    }else{
        alert("通过!");
        return true;
    }
}
</script>

JavaScript邮箱验证-正则验证

时间: 2024-10-21 02:53:17

JavaScript邮箱验证-正则验证的相关文章

JS邮箱验证-正则验证

1 <form action=""> 2 输入:<input type="text" name="mazey" id="mazey" placeholder="请输入邮箱"> 3 <input type="button" value="验证" onclick="check();"> 4 </form>

thinkphp3.2.3 自动验证 正则验证

<?php namespace Home1\Model; use Think\Model; class ShopYuyueInfoModel extends Model { // protected $_validate = array( protected $_validate = array( array('name','require','姓名必填..1!'), // 必填 array('tel','/^1[34578]\d{9}$/','手机号码不对..1!',0,'regex',3),

PHP常用正则验证

手机号,身份证,ip验证 //正则验证手机号 正确返回 true function preg_mobile($mobile) { if(preg_match("/^1[34578]\d{9}$/", $mobile)) { return TRUE; } else { return FALSE; } } //验证电话号码 function preg_tel($tel) { if(preg_match("/^(\(\d{3,4}\)|\d{3,4}-)?\d{7,8}$/&quo

java邮箱正则验证

import java.util.*; import java.util.regex.Matcher; import java.util.regex.Pattern; public class test{ public static void main(String args[]){ System.out.println(test.isEmail("[email protected]")); } public static boolean isEmail(String email){

QQ、手机号、微信、身份证、邮箱正则验证

QQ正则验证 查了下,现在QQ的长度最长是10位数,验证格式为不以0开头的5-10位数字就可以了 var reg = /^[1-9]\d{4,9}$/; reg.test('0123456'); //false reg.test('10000'); //true 手机号验证 验证第一位为1,第二位,为3,5,8的11位数字 var reg = /^1[358]\d{9}$/; 微信验证 验证首位为字母,后面是5-19位数字字母减号下划线 var reg = /^[a-zA-Z][-_a-zA-Z

正则验证手机号,邮箱,车牌

- (IBAction)button_Click:(id)sender { if ([self isValidateMobile:@"输入你要验证的手机号码"] == YES) { NSLog(@"手机号正确"); }else{ NSLog(@"手机号错误"); } if ([self isValidateEmail:@"输入你要验证的邮箱"] == YES) { NSLog(@"邮箱正确"); }else

js正则验证,邮箱,身份证

代码片段 多项验证 常用手机,邮箱,身份证验证规则 /^1[3,4,5,7,8][0-9]{9}$/ /(\d{6})[1,2]([0-9]{10})(\d|x|X)$/     //[1,2]已1或者2开头的年限 /^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/     //[email protected].[email protected].[email protected] 非贪婪模式,可以在量词符后面加一个问号 一旦条件满足,就不再往下匹配. *?:表示某个模式出现0

正则验证常用表单方法

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

jQuery常用正则验证

jQuery常用正则验证  [转] 基础知识:JS中创建正则对象的方式:-使用RegExp()构造函数方式,如:var patten=new RegExp("s$");-使用正则直接量方式,如:var patten=/s$/;注意:就像字符串直接量被定义为包含在引号("")内的字符一样,正则表达式直接量也被定义为包含在一对斜杠(/)之间的字符:斜杠外末尾可以加正则全局标识符. 验证文字输入个数<script type="text/javascript