常用正则验证

最新推荐文章于 2024-04-19 16:34:45 发布
最新推荐文章于 2024-04-19 16:34:45 发布
阅读量262 收藏
点赞数
分类专栏： php
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35835160/article/details/52796382
版权 
public.js
function $(id){
    return document.getElementsByName(id)[0];
}
表单

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
 <script src='public.js'></script>
  <form method="post" οnsubmit="return checkAll()" action="tianjia.php">
   <table border="1" align="center">
   <h4 align="center">欢迎注册学生信息</h4>
   <tr>
      <td>性名：</td>
      <td><input type="text" name="username" οnblur="checkName(this)"/><span name="sp1" style="color:red"></span></td>
   </tr>
   <tr>
      <td>密码：</td>
      <td><input type="password" name="password1" οnblur="checkPwd1(this)"/><span name="sp2"></span></td>
   </tr>
      <tr>
      <td>确认密码：</td>
      <td><input type="password" name="password2" οnblur="checkPwd2(this) "/><span name="sp3"></span></td>
   </tr>
   <tr>
      <td>性别：</td>
      <td><input type="radio" name="sxe" value="男"/>男
          <input type="radio" name="sxe" value="女"/>女
          <span name="sp4"></span>
      </td>
   </tr>
   <tr>
      <td>邮箱：</td>
      <td><input type="text" name="eaml" οnblur="checkEaml(this) "/><span name="sp5"></span></td>
   </tr>

   <tr>
      <td>城市：</td>
      <td><select name="chengshi" οnchange="checkCs(this)" >
         <option value=""></option>
         <option value="北京">北京</option>
         <option value="上海">上海</option>
         <option value="天津">天津</option>
       </select><span name="sp6"></span></td>
   </tr>
   <tr>
      <td>验证码：</td>
      <td><input type="text" name="yzm" οnblur="checkYzm(this)"
      /><input type="button" value="获取验证码" οnclick="checkHq(this)">
      <span name="sp7"></span>
      <span name="sp8"></span>
      </td>
   </tr>
   <tr>
      <td>手机号：</td>
      <td><input type="text" name="shoujihao" οnblur="checkSjh(this)"/><span name="sp9"></span></td>
   </tr>
   <tr>
      <td>座机号：</td>
      <td><input type="text" name="zuojihao" οnblur="checkZjh(this)"/><span name="sp10"></span></td>
   </tr>
   <tr>
      <td>身份证号：</td>
      <td><input type="text" name="shenfenzheng" οnblur="checkSfz(this)"/><span name="sp11"></span></td>
   </tr>
   <tr>
      <td>QQ号：</td>
      <td><input type="text" name="qq" οnblur="checkQq(this)"/><span name="sp12"></span></td>
   </tr>
   
   <tr>
      <td>自我介绍：</td>
      <td><textarea name="jieshao" οnblur="checkZwjs(this)" rows="5" cols="20"></textarea><span name="sp13"></span></td>
   </tr>
   <tr>
      <td colspan="2" align="center"><input type="submit" value="登陆"/>
      <input type="reset" value="重置"/></td>
   </tr>
   </table>
  </form>

<script>
//验证姓名
function checkName(obj){
   var sp1=$('sp1');
   if(obj.value==""){
      sp1.innerHTML='用户名不能为空';
      return false;
   }else{
      var reg=/^[a-z][0-9a-z]{4,9}$/i;
      if(reg.test(obj.value)){
      sp1.innerHTML='正确';
          return  true;
   }else{
   sp1.innerHTML='必须5-10位数字或者字母，且不能以数字开头';
      return  false;
   }
   return  true;
   }
}

//验证密码
function checkPwd1(pwd1){
   var sp2=$('sp2');
   if(pwd1.value==""){
      sp2.innerHTML='密码不能为空';
      return false;
   }else{
      var reg=/^\d{6,}$/;
      if(reg.test(pwd1.value)){
      sp2.innerHTML='正确';
          return  true;
   }else{
   sp2.innerHTML='必须为数字，不小于6位';
      return  false;
   }
   return  true;
   }
}
//验证确认密码和密码一致
function checkPwd2(pwd2){
 
        var m2=pwd2.value;
        var m1=document.getElementsByName('password1')[0].value;
        var sp3=$('sp3');
        if(m2==""){
            sp3.innerHTML="确认密码不能为空";
            sp3.style.color='red';
            return false;
        }
        else if(m2!=m1)
        {
            sp3.innerHTML="两次密码输入不一致";
            sp3.style.color='red';
            return false;
        }
        else
        {
            sp3.innerHTML="正确";
            sp3.style.color='green';
            return true;
        }
    }
  
//邮箱
function checkEaml(eaml){
var eaml=$('eaml');
var sp5=$('sp5');
   if(eaml.value==""){
   sp5.innerHTML="邮箱不能为空";
    return false;
   }else{
   var reg=/^\w+@\w+\.(com|cn|net)$/;
         if(reg.test(eaml.value)){
         sp5.innerHTML="正确";
         return true;
            }else{
         sp5.innerHTML="必须包含@，以com或cn或net结尾";
         return false;
         }
   return true;

   }
}
//城市
  function checkCs(cs){
   var sp6=$('sp6');
if(cs.value==''){
       sp6.innerHTML='城市必须选择一项';
       return false;
   }else{
       sp6.innerHTML='正确';
       return true;
   }
}
//获取验证码
function checkHq(hqyzm){
   sp7=$('sp7');
   var str="";
   for (var i = 0; i < 6; i++) {
      str=str+parseInt(Math.random()*9)
   }
    sp7.innerHTML=str;
}
//验证验证码与获取验证码是否一致
function checkYzm(yzm){
    var sp7=$('sp7').innerHTML;
   var sp8=$('sp8');
   if(yzm.value==""){
      sp8.innerHTML="验证码不能为空";
      return false;
   }else{
      if(yzm.value!=sp7){
         sp8.innerHTML="两次验证码输入不一致";
         return false;
      }else{
       sp8.innerHTML="正确";    
       return true;
        }
          return true;
         }
}
//手机号
function checkSjh(sjh){
   var sp9=$('sp9');
   if(sp9.value==""){
      sp9.innerHTML="手机号不能为空";
        return false;
   }else{
      var reg=/^1[358]\d{9}$/;
      if(!reg.test(sjh.value)){
         sp9.innerHTML="手机号必须为11位纯数字且以13,15,18开头";
         return false;
      }else{
      sp9.innerHTML="正确";
        return true;
            }
             return true;
 
}
}
//座机号
function checkZjh(zjh){
   var sp10=$('sp10');
   if(zjh.value==""){
      sp10.innerHTML="座机号不能为空";
      return false;
      }else{
         var reg=/^(\d{3}-\d{8})|(\d{4}-\d{7})$/
         if(!reg.test(zjh.value)){
            sp10.innerHTML="必须为前面3位区号后面8位电话号";
            return false;
         }else{
            sp10.innerHTML="正确";
            return true;
         }
          return true;
      }  
   }

//身份证号
function checkSfz(sfz){
   var sp11=$('sp11');
   if(sfz.value==""){
      sp11.innerHTML="身份证号不能为空";
      return false;
      }else{ 
      var reg=/^(\d{18}|\d{15}|\d{17}x)$/;
      if(!reg.test(sfz.value)){
      sp11.innerHTML="必须是15或18位数字，18位的最后可以是x";   
      return false;  
      }else{
   sp11.innerHTML="正确";
   return true;   
   }
   return true;
}
}
//qq
function checkQq(qq){
   var sp12=$('sp12');
   if(qq.value==""){
      sp12.innerHTML="qq号码不能为空";
      return false;
   }else{
      var reg=/^\d{8,11}$/;
      if(!reg.test(qq.value)){
         sp12.innerHTML="必须是8到11位数字";
         return false;
      }else{
      sp12.innerHTML="正确";
      return true;
           }
          return true; 
       }
}
//自我介绍
function checkZwjs(zwjs){
   var sp13=$('sp13');
   if(zwjs.value==""){
      sp13.innerHTML="自我介绍不能为空";
      return false;
   }else{
      var reg=/^[\u4e00-\u9fa5]{0,20}$/;
      if(!reg.test(zwjs.value)){
      sp13.innerHTML="必须在20字符内";
         return false;
      }else{
      sp13.innerHTML="正确";
return true;
   }
   return true;
}
}
function checkAll(){
     //验证性别
    var sxe=document.getElementsByName('sxe');
   var sp4=$('sp4');
   var str=0;
   for (var i=0;i<sxe.length;i++) {
      if(sxe[i].checked==true){
         str=1;
      }
   }
   if(str<1){
      sp4.innerHTML='性别必须选择一项';
      return false;
   }else{
      sp4.innerHTML='正确';
      //return true; 
   }
      if(checkName($('username'))&checkPwd1($('password1'))&checkPwd2($('password2'))&checkEaml($('eaml'))&checkCs($('chengshi'))&checkYzm($('yzm'))&checkSjh($('shoujihao'))&checkZjh($('zuojihao'))&checkSfz($('shenfenzheng'))&checkQq($('qq'))&checkZwjs($('jieshao'))){
    return true;
     }else{
     return false;
 }
}

   



</script>

fcjboke
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript 表单校验
Melody_92的博客
11-20 283
JavaScript 表单校验 这里对于JS的表单校验做一下整理。 基础html素材 register.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> &l...
tp5中验证类的使用
dancer_mm的博客
12-31 652
1.创建验证类 2.定义验证规则和错误信息（其中checkYzm为自定义验证规则） class User extends Validate { /** * 定义验证规则 * 格式：'字段名' => ['规则1','规则2'...] */ protected $rule = [ 'username' => 'require|max:25'...
check.js
魚將.NET
10-15 1379
javascript 验证输入。
js验证身份证号码（包括与用户输入性别，生日的匹配性验证）
mu_xiaoxia的专栏
11-26 2700
//提交表单时 function checkTwo(){     //return checksfz2();     //alert(IdCardValidate(idCard));     //alert(maleOrFemalByIdCard(idCard));     //alert(isCardName());     //return false;     if(isCar
基于JS的表单校验的完成
weixin_42454678的博客
08-16 260
JavaScript 语言的特点 1.脚本语言 脚本语言是一种简单的程序，是由一些ASCII字符构成，可以使用任何一种文本编辑器编写。一些程序语言（如C、C++、Java等）都必须经过编译，将源代码编译成二进制的可执行文件之后才能运行，而脚本语言不需要事先编译，只要有一个与其相适应的解释器就可以执行。脚本语言是指在web浏览器内有解释器解释执行的编程语言，每次运行程序的时候，解释器会把程序代码翻译...
前端常用正则验证
m0_56815799的博客
03-02 304
前端常用正则验证
vue常用正则验证
wr1067145458的博客
05-26 4415
https://www.cnblogs.com/lieone/p/11856330.html
js常用正则 验证数字正则
最新发布
2401_84152879的博客
04-19 686
你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。我特地针对初学者整理一套前端学习资料，免费分享给大家，戳这里即可免费领取到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。
javascript常用正则验证
我是小奶音啊的博客
06-06 650
正则验证密码 （包括数字大小写字母）8-16位 /^(?=\D+[0-9])(?=.*[a-z])(?=.*[A-Z])[a-zA-Z0-9]{8,16}$/
C#常用正则验证函数示例
08-31
主要介绍了C#常用正则验证函数,举例分析了C#针对IP验证、价格验证及正整数验证的相关操作技巧,需要的朋友可以参考下
js 验证 常用正则表达式集锦
10-29
js 验证 常用正则表达式集锦，整理的比较全了，大家根据需要选择使用。
JS常用正则验证
08-11
本篇将深入探讨JS中的一些常用正则验证方法。 一、基本正则概念 正则表达式是由特殊字符和普通字符组成的字符串，用于匹配符合特定规则的文本。例如，`/abc/` 是一个简单的正则表达式，用于匹配包含 "abc" 的字符串...
jquery 实现增加一行tr,删除一行tr
期待的博客
09-30 6438
?>          加减tr                                            ID                姓名                职业                薪水                                        1                张三
ci、tp、yii优缺点
期待的博客
08-22 5170
Thinkphp CI YII框架对比   简述一下你用过的开源框架，说说他们的有缺点？   从语言方面：Tp与Yii都可以满足中文用户的需求，但是由于Yii是国际化的项目，所以代码注释仍旧是英文，不过呢两个框架的创始人依旧都是中国人，所以在交流方面还是挺方便的。   YII优点：   yii呢，自带了一个环境检测脚本，它可以告诉用户当前您的主机环境是否满足yii框架的需求。检测的
自写php字符串从小到大排序函数
期待的博客
10-12 3359
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> head> meta http-equiv="
获取星云节点数据
期待的博客
07-02 2934
public function get_xingyun(){ $data = ‘{“from”:“n1KSYoLoqen2bYmZvUC3JXT9TeXrAhkzrPy”,“to”:“n214bLrE3nREcpRewHXF7qRDWCcaxRSiUdw”,“value”:“0”,“gasPrice”:“20000000000”,“gasLimit”:“2000000”,“contract”:{“function”:“getNodeDetail”,“args”:"[“lk0001”]"}}’; $head
文本框显示提示文字
期待的博客
11-01 2629
placeholder="请输入个人信息"
ci获取当前控制器，当前方法，增删改查
期待的博客
10-19 1912
在core里新建MY_controller <?php defined('BASEPATH') OR exit('No direct script access allowed'); class MY_Controller extends CI_Controller{ public function __construct(){ parent::__construct();
JavaScript常用正则表达式验证函数示例与解释
本篇文章将介绍五个常用的JavaScript验证正则表达式函数，分别针对不同的数据类型： 1. **字符串字节长度检测**: 函数`strlen(str)`用于计算字符串`s`中的字节长度。它通过遍历字符串并检查每个字符的Unicode编码...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值