javascript中使用正则表达式进行字符串验证示例

var reg=/正则表达式/；

boolean reg.test(要验证的字符串);

js引擎会将/正则表达式/“”转换成一个RegExp对象，当字符串满足正则表达式的要求事，返回true。

我写的一个表达式验证示例：功能如下：

用户名，不能为空

密码6为数字

密码确认，两次输入密码必须相同

身份证号码必须是15位，或者是18位，最末尾也可以是X(该功能还没有写，有时间再补上)

复制代码 代码如下:

<!DOCTYPE html>

<html>

<head>

<title>testTablel.html</title>

<!-- 用户名，不能为空

密码6为数字

密码确认，两次输入密码必须相同

身份证号码必须是15位，或者是18位，最末尾也可以是X -->

<style>

#d1 {

width: 400px;

height: 250px;

background-color: #FFE4B5;

margin: 40px auto;

}

#d1_head {

color: white;

font-size: 20px;

font-family: "Arial";

height: 24px;

background-color: bule;

}

#d1_content {

padding-left: 30px;

padding-top: 30px;

}

.s1 {

color: red;

font-style: italic;

}

.s2 {

border: 2px dotted blue;

}

</style>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<script>

function check_username(){

var txtObj=document.getElementById("username");

txtObj.className='';

var msgObj=docuemnt.getElementById("username_msg");

msgObj.innerHTML='';

if(txtObj.value.length==0){

msgObj.innerHTML='用户名不能为空';

//给节点的class属性赋值

txtObj.className='s2';

return false;

}

return true;

}

function check_pwd(){

var pwdObj=document.getElementById("pwd");

pwdObj.classNames='';

var msgObj=document.getElementById("pwd_msg");

msgObj.innerHTML='';

var reg=/^\d{6}$/;

//javascript中一个test方法，返回boolean

if(!reg.test(pwdObj.value)){

msgObj.innerHTML='密码是6位数';

pwdObj.className='s2';

return false;

}

return true;

}

function check_pwd1(){

var pwdObj=document.getElementById("pwd");

// pwdObj.classNames='';

// var msgObj=document.getElementById("pwd_msg");

// msgObj.innerHTML='';

var pwdObj1=document.getElementById("pwd1");

//pwdObj1.classNames='';

var msgObj1=document.getElementById("pwd_msg1");

msgObj1.innerHTML='';

if(pwdObj.value!=pwdObj1.value){

msgObj1.innerHTML='密码不一致，请重新输入';

return false;

}

return true;

}

function check_form(){

var flag=check_username()&&check_pwd()&&check_pwd1;

return flag;

}

</script>

</head>

<body>

<div id="d1">

<div id="d1_head">注册</div>

<div id="d1_content">

<form onsubmit="return check_form();">

<table>

<tr>

<td>用户名</td>

<td><input id="username" name="username"

onblur="check_username();" /> <span class="s1" id="username_msg"></span>

</td>

</tr>

<tr>

<td>密码</td>

<td><input type="password" id="pwd" name="pwd"

onblur="check_pwd();" /> <span class="s1" id="pwd_msg"></span></td>

</tr>

<tr>

<td>确认密码</td>

<td><input type="password" id="pwd1" name="pwd1"

onblur="check_pwd1();" /> <span class="s1" id="pwd_msg1"></span>

<tr>

<td colspan="2">

<input type="submit" value="确认" /> <input type="reset"

value="重置" />

</td>

</tr></table>

</form>

</div>

</div>

</body>

</html>

时间： 2024-09-19 07:51:50

javascript中使用正则表达式进行字符串验证示例的相关文章

javascript中使用正则表达式进行字符串验证示例_正则表达式

var reg=/正则表达式/: boolean reg.test(要验证的字符串); js引擎会将/正则表达式/""转换成一个RegExp对象,当字符串满足正则表达式的要求事,返回true. 我写的一个表达式验证示例:功能如下: 用户名,不能为空 密码6为数字 密码确认,两次输入密码必须相同 身份证号码必须是15位,或者是18位,最末尾也可以是X(该功能还没有写,有时间再补上) 复制代码 代码如下: <!DOCTYPE html> <html> <hea

JavaScript中的正则表达式使用及验证qq号码的正则_正则表达式

废话不多说了,直接给大家贴正则表达式代码了. function myValid() { var errorMsg = ""; var res = true; //拿到要验证的值. var receiveName = $("#receiveName").val();//姓名 var receiveMobile = $("#tMobile").val();//手机号 var validCode = $("#validCode").

JavaScript中的正则表达式使用及验证qq号码的正则

废话不多说了,直接给大家贴正则表达式代码了. function myValid() { var errorMsg = ""; var res = true; //拿到要验证的值. var receiveName = $("#receiveName").val();//姓名 var receiveMobile = $("#tMobile").val();//手机号 var validCode = $("#validCode").

比较全面的C 、Java、JavaScript中的正则表达式详解_正则表达式

什么是正则表达式? 正则表达式(Regular Expression) 就是用某种模式去匹配一类字符串的公式.如你要在一篇文章中查找第一个字是"罗"最后一个字是"浩"的三个字的姓名,即"罗 * 浩":那么"罗 * 浩"就是公式,也称作 模式(Pattern) ,这篇文章就是 要匹配的串( 或叫文本 text) .再如,你要检查输入的一个字符串是否是 126 邮箱的格式,你得制定一个规则去查检,这种规则就是正则表达式. 从入门开

C++、Java、JavaScript中的正则表达式

编程思想之正则表达式   什么是正则表达式? 正则表达式(Regular Expression)就是用某种模式去匹配一类字符串的公式.如你要在一篇文章中查找第一个字是"罗"最后一个字是"浩"的三个字的姓名,即"罗*浩":那么"罗*浩"就是公式,也称作模式(Pattern),这篇文章就是要匹配的串(或叫文本text).再如,你要检查输入的一个字符串是否是126邮箱的格式,你得制定一个规则去查检,这种规则就是正则表达式. 从入门开

javascript中的正则表达式使用指南

 这篇文章主要给大家介绍了Javascript中的正则表达式的使用方式,非常的详细,并附上简单示例,这里推荐给大家.     使用方式 1.创建表达式 JavaScript中创建正则表达式类的方法: var regex = new RegExp("d{5}") 或者 2.var regex = / d{5} /(推荐) /表达式/是JavaScript中专门为简化正则表达式编写而提供的语法,写在//中的正则表达式就不用管转义符了. RegExp对象的方法: 2.判断是否匹配 test(

JavaScript中的正则表达式解析_正则表达式

JavaScript中的正则表达式解析 正则表达式(regular expression)对象包含一个正则表达式模式(pattern).它具有用正则表达式模式去匹配或代替一个字符串(string)中特定字符(或字符集合)的属性(properties)和方法(methods).要为一个单独的正则表达式添加属性,可以使用正则表达式构造函数(constructor function),无论何时被调用的预设置的正则表达式拥有静态的属性(the predefined RegExp object has s

JavaScript中的正则表达式介绍

 这篇文章主要介绍了JavaScript中的正则表达式,简明总结了正则中的语法含义和RegExp对象,需要的朋友可以参考下 一.定义正则表达式的方法   定义正则表达式的方法有两种:构造函数定义和正则表达式直接量定义.例如:    代码如下:var reg1 = new RegExp('d{5, 11}'); // 通过构造函数定义 var reg2 = /d{5, 12}/; // 通过直接量定义   正则表达式直接量字符        o:NUL字符(u0000)        t:制表符(

javascript中的正则表达式使用指南_javascript技巧

使用方式 1.创建表达式 JavaScript中创建正则表达式类的方法: var regex = new RegExp("\\d{5}") 或者 2.var regex = / \d{5} /(推荐) /表达式/是JavaScript中专门为简化正则表达式编写而提供的语法,写在//中的正则表达式就不用管转义符了. RegExp对象的方法: 2.判断是否匹配 test(str)判断字符串str是否匹配正则表达式,相当于IsMatch 复制代码 代码如下:         var rege