js部分---表单验证;(含正则表达式)

1.非空验证

<div>用户名:<input id="yhm" type="text" name="yhm" /></div>

/*function yanzheng()
{
    var yhm = document.getElementById("yhm").value;
    if(yhm=="")
    {
        alert("用户名不能为空");
        return false;
    }
    else
    {
        return true;
    }
}*/

2.相等验证

 <div>密码:<input id="mm" type="text" name="mm" /></div>
    <div>确认密码:<input id="qrmm" type="text" name="qrmm" /></div>

/*function yanzheng()
{
    var mm = document.getElementById("mm").value;
    var qrmm = document.getElementById("qrmm").value;
    if(mm==qrmm)
    {
        return true;
    }
    else
    {
        alert("两次输入的密码不一致");
        return false;
    }
}*/

3.范围验证

<div>邮箱:<input type="text" name="youxiang" id="youxiang" /></div>
    <input type="submit" value="注册" onclick="return yanzheng()" />

/*function yanzheng()
{
    var age = document.getElementById("age").value;
    if(age>=18 && age<=50)
    {
        return true;
    }
    else
    {
        alert("年龄不满足");
        return false;
    }
}*/

4.正则验证
正则表达式

定界符://
匹配开头:^
匹配结尾:$
\反斜杠:代表转义
\n \r 换行 \t制表符 \"输出双引号 \‘输出单引号
*代表前面的表达式可以出现任意次
+代表前面的表达式可以出现至少一次
?代表前面的表达式出现0次或1次
{n}代表前面的表达式出现n次
{n,}代表前面的表达式至少出现n次
{n,m}代表前面的表达式至少出现n次,最多出现m次
x|y要么匹配x要么匹配y
[xyz]匹配[]所包含的任意一个字符
[0-9]匹配0到9之间的任意字符
\d匹配一个数字字符
\D匹配一个非数字字符
\w匹配包括下划线的任意单词字符
\W匹配任何非单词字符

<div>邮箱:<input type="text" name="youxiang" id="youxiang" /></div>
    <input type="submit" value="注册" onclick="return yanzheng()" />

function yanzheng()
{
    var yx = document.getElementById("youxiang").value;

    var zz = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;

    if(yx.match(zz)==null)
    {
        alert("邮箱格式不正确");
        return false;
    }
    else
    {
        return true;
    }

}
时间: 2024-11-08 20:45:23

js部分---表单验证;(含正则表达式)的相关文章

JS常用表单验证总结

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <ti

★★★【卡法 常用js库】: js汇合 表单验证 cookie设置 日期格式 电话手机号码 email 整数 小数 金额 检查参数长度

[卡法 常用js库]: js汇合 表单验证  cookie设置  日期格式  电话手机号码  email  整数  小数  金额   检查参数长度 // +---------------------------------------------------------------------- // | sunqiang // +---------------------------------------------------------------------- // | Copyrig

JavaScript表单验证和正则表达式

JavaScript表单验证 分为四类: 1.非空验证 常用于用户名等 2.相等验证 常用于验证两次输入的密码 3.范围验证 常用于年龄等 4.正则验证 用于手机号,邮箱号等 以下是实例: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html

1月28日 表单验证和正则表达式

表单验证:一.非空验证:1.内容是不是空的.判断值的长度是不是0.length属性. 2.内容是不是改变了. 二.对比验证:1.验证两个控件值的关系(相同,大小) 2.验证控件的值与某个固定值的关系. 三.范围验证: 四.格式验证:正则表达式.regularexpression 邮箱验证:(其他验证也是这个形式,只要把正则表达式换一下就可以) function checkEmail() { var reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+

HTML(六)——表单验证、正则表达式、事件

1.表单验证<form></form> (1).非空验证(去空格) (2).对比验证(跟一个值对比) (3).范围验证(根据一个范围进行判断) (4).固定格式验证:电话号码,身份证号,邮箱,信用卡号等的验证:需要用到正则表达式来进行验证. (5).其它验证 2.正则表达式 用符号来描述书写规则:/ 中间写正则表达式 / ^ :匹配开头,$:匹配结尾 : /^ve/以ve开头的 /ve$/以ve结尾 \d:一个任意的数字 \w:一个任意的数字或字母 \s:任意字符串 {n}:把左边

表单验证和正则表达式

表单验证: 一.非空验证: 1.内容是不是空的. 判断值的长度是不是0.length属性. 2.内容是不是改变了. 二.对比验证: 1.验证两个控件值的关系(相同,大小) 2.验证控件的值与某个固定值的关系. 三.范围验证: 四.格式验证: 正则表达式.regularexpression 字符 描述 \ 标记下一个字符是特殊字符或文字.例如,"n" 和字符 "n" 匹配."\n" 则和换行字符匹配.序列 "\\" 和 &quo

inform表单验证,正则表达式,用户名,身份证,密码,验证码

最近利用空闲时间写了部分表单验证,包括用户名,身份证,密码,验证码,仅为自己巩固最近所学的知识 表单的样式使用的是table布局,因为觉得DIV布局定位比较麻烦,table有三列,分别为基本信息,输入的信息,提示信:输入信息栏,插入表单 1 <body> 2 <table> 3 <tr> 4 <td><p>会员名:</p></td> 5 <td><input type="text" n

JS实战 &#183; 表单验证

思路: 1.定义页面 通过表格格式化表单: 表格行都有自己的背景颜色: 单元格中的数据(文本等)用div进行封装,好操作: 2.定义样式 表格的样式: div的样式: 3.动态效果 页面加载时,将所有的输入框定义默认框线颜色和获取焦点时的框线颜色: 进行内容校验,不正确时显示警告信息. 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UT

[js]js的表单验证onsubmit方法

http://uule.iteye.com/blog/2183622 表单验证类 <form class="form" method="post" id="form" onsubmit="return checkForm(this)" action=""> 电话号码:<input id="tel" type="text" maxlength=&quo

bootstrapValidator.js 做表单验证

有这样的一个场景,我们在提交form表单的时候 可能要做一些验证,比如判断是不是为空,电话的格式验证,邮箱的格式验证等等,手写起来也是可以得. 但是今天我介绍一个bootstrap插件简化开发.就是bootstrapValidator.js. 直接上手写代码. 1.首先 jquery,bootstrap 以及bootstrapValidator(地址https://github.com/nghuuphuoc/bootstrapvalidator) 2.引用jquery bootstrap  bo