`

正则表达式以及表单元素值的判断

    博客分类:
  • JS
阅读更多

在做Web网页要用表单传数据给后台处理时,需要对数据进行验证和检查:

function trimStr(str){
           return str.replace(/^\s+|\s+$/g,'');
    }
   
     function checksub(){
           var num=0;
           var str="";
           
           if($("#merchantId").val()!=""){
               var merchantIdvalue=$("#merchantId").val();
               if(trimStr(merchantIdvalue)!=""){
                   var len=trimStr(merchantIdvalue).length;
                   if(len>32){
                      num++;
                      str+="输入商户ID长度不能超过32!"+"\n";
                   }
               }else{
                   num++;
                   str+="商户ID名称不能为空!"+"\n";
               }
           }else{
               num++;
                 str+="商户ID名称不能为空!"+"\n";
           }

 1,第一个方法中,replace括号里面的是正则表达式——匹配字符串头尾的任何空白字符,包括空格、制表符、换页符等。除这个之外还有其他经常用到的正则表达式有:

只能输入数字:

function checknum(numval){
          var checknum=/^[0-9]*[0-9][0-9]*$/;
          if(numval.value!=""){
            var numvalue=numval.value;
             if(checknum.test(numvalue)){
             return true;
          }else{
             alert("只能输入数字");
             numval.value="";
             return false;
          }
          }

 只能输入邮箱格式:

function checkmail(mailval){
         var checkmail=/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
         if(mailval.value!=""){
           var mailvalue=mailval.value;
            if(checkmail.test(mailvalue)){
              return true;
         }else{
            alert("只能输入邮箱格式!");
            mailval.value="";
            return false;
         }
         }

 只能输入价钱模式:

function checkprice(numval){
            var checknum=/^(0|[1-9][0-9]{0,7})(\.[0-9]{1,2})?$/;
            if(numval.value!=""){
              var numvalue=numval.value;
               if(checknum.test(numvalue)){
               return true;
            }else{
               alert("只能输入数字,且整数最多8位,小数最多2位!");
               numval.value="";
               return false;
            }
            }
         }

 

2,还要验证输入长度是否符合要求,以及是否为空。

最后方法将所有格式错误的信息alert出去:

 if(num>0){
             alert(str);
             if(document.form2.length>0){
  for(var i=0;i<document.form2.length; i++){
   var input = document.form2.elements[i];
   if(input.value==""){
      input.focus();
      return false;
   }
   
    }
  }
 
             return false;
          }
分享到:
评论

相关推荐

    精通正则表达式基于.NET ASP PHP JSP JavaScript

    RegexApplication/Default.aspx 正则表达式类的应用 RegexApplication/GetPageHtmlData.aspx 获取网页的内容 第10章(/10/) ASPNETValidator/Compare.aspx 比较验证 ASPNETValidator/...

    正则表达式

    这些复杂的模式使用的正则表达式语法指定了该表达式中每个元素要重复出现的次数. 指定复制的字符总是出现在它们所作用的模式后面.由于某种复制类型相当常用.所以有一些特殊的字符专门用于表示它们.例如: +号匹配的...

    JavaScript 正则表达式(笔记)

    1. 获取表单元素的值,一般是string类型,包含数字,下划线。 2. 以业务规则,用js一些方法对数据进行判断, 3. 表单form有一个事件onsubmit,他是在提交之前调用的,因此可以在提交表单时触发,onsubmit事件,然后...

    运用jQuery实现的Ajax无刷新删除和添加数据的表单

    摘要:脚本资源,Ajax/JavaScript,... 用到了一个JS脚本库,主要就是设置各个验证项的正则表达式,基本技巧,判断位数,过滤和转换正则表达式,支持预定义正则和表达式两种,预定义正则参考RegNames数组等,脚本库中有很

    formvalidator4.1

    一般要判断的表单元素比较多,开发过程就显得枯燥无味——重复的代码不断重复,而且可能还要兼容多种浏览器,更多的考虑因素使人头疼不已。由于每个要校验的页面虽然逻辑基本相同,但是在大多数情况下,出于种种原因...

    输入框只能输入0.5的倍数

    NULL 博文链接:https://jinhanjiang.iteye.com/blog/670223

    jQ表单万能验证插件 vf-validate.js

    1.验证的表单元素,需要添加 class 名 : vf-validate 方开启验证; 2.当使用 vf_func 调用其他验证函数时,会传入“当前元素”;且需要在验证函数中返回验证状态:true(验证成功),其他或false皆为验证失败 * ...

    PHP开发实战1200例源码

    3.1 获取表单元素的值 179 实例149 设计论坛登录界面 179 实例150 可以上传图片的表单 180 实例151 通过POST方法提交表单元素 182 实例152 通过$_POST方法获取表单元素 182 实例153 通过GET方法提交表单元素 184 ...

    JavaScript笔记

    |--js中正则表达式语法:/正则表达式/[属性后缀]--其中属性后缀,g:全局匹配 i:忽略大小写(仅英文有效) 如果不适用模式匹配方式,将执行原文匹配 结果:如果正则表达式写错,也将执行原文匹配 12.Array笔试题...

    JavaScript完全自学宝典 源代码

    示例描述:学习JavaScript中的正则表达式。 10.1.html 使用句点符号匹配特定字符串。 10.2.html 使用方括号符号实现匹配出租车牌号。 10.3.html 使用或符号匹配日期。 10.4.html 正则表达式中的量词...

    JS常用校验

    * matchPattern(value,mask) //自定义规则,mask为正确的正则表达式,返回通过自定义验证的字符串 * isEnglish(name) //判断是否为英文,正确返回ture,否则返回false * isChinese(name) //判断是否为中文,正确返回 ...

    C#编程经验技巧宝典

    121 &lt;br&gt;0200 如何使用正则表达式验证电话号码 121 &lt;br&gt;0201 如何使用正则表达式验证输入密码条件 121 &lt;br&gt;0202 如何使用正则表达式验证邮政编号 121 &lt;br&gt;0203 如何使用正则表达式验证手机号 ...

    《javaScrip开发技术大全》源代码

    • sample29.htm 使用正则表达式匹配要替换的子字符串 • sample30.htm 更多的替换字符串 • sample31.htm 将字符串分割成数组 • sample32.htm 转换大小写 • sample33....

    超实用的jQuery代码段

    9.13 根据指定正则表达式识别超链接 9.14 验证Email地址的正确性 9.15 动态统计字符个数 9.16 使用jQuery验证用户年龄 9.17 按照首字母进行元素排序 9.18 获取URL地址的Hash参数 9.19 避免多行文本溢出的算法 9.20 ...

    php网络开发完全手册

    7.5 正则表达式与字符操作的综合应用 110 7.5.1 获得与模式匹配的数组单元—— 7.5.1 preg_grep 110 7.5.2 进行全局正则表达式的匹配—— 7.5.2 preg_match_all 111 7.5.3 进行正则表达式的匹配——preg_ 7.5.3 ...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    3.1 获取表单元素的值 179 实例149 设计论坛登录界面 179 实例150 可以上传图片的表单 180 实例151 通过POST方法提交表单元素 182 实例152 通过$_POST方法获取表单元素 182 实例153 通过GET方法提交表单元素 184 ...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2

    3.1 获取表单元素的值 179 实例149 设计论坛登录界面 179 实例150 可以上传图片的表单 180 实例151 通过POST方法提交表单元素 182 实例152 通过$_POST方法获取表单元素 182 实例153 通过GET方法提交表单元素 184 ...

    JavaScript网页特效范例宝典源码

    实例072 通过单选按钮控制其他表单元素是否可用 117 2.4 复选框 117 实例073 不提交表单获取复选框的值 118 实例074 控制复选框的全选或反选 118 实例075 只有一个复选框时控制复选框的全选或反选 119 2.5 密码域 ...

    精通javascript

    • 11.10.htm 动态修改表单元素内容 第12章(\第12章) • 12.1.htm Document树的简单例子 • 12.2.htm getElementById()方法 • 12.3.htm DOM结点属性 • 12.4.htm 文档...

Global site tag (gtag.js) - Google Analytics