`

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

    博客分类:
  • 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;
          }
分享到:
评论

相关推荐

    正则表达式判断表单验证

    在JavaScript中,可以结合表单元素的`onsubmit`事件,使用正则表达式进行实时验证,例如: ```javascript document.getElementById('emailInput').addEventListener('input', function() { var email = this.value...

    js_正则表达式全攻略

    在JavaScript中,正则表达式被广泛应用于字符串操作、表单验证、数据提取等多种场景,其简洁性和灵活性使其成为开发人员必备的技能之一。 #### 二、实战案例详解 ##### 1. 匹配结尾的数字 **问题描述**:提取字符...

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

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

    js正则表达式表单验证代码.zip

    在这个名为"js正则表达式表单验证代码.zip"的压缩包中,包含了一个用于表单验证的JS代码实现,它能支持多种不同的验证条件和效果。 首先,`说明.htm`可能是一个详细说明文档,里面可能涵盖了如何使用这个验证代码,...

    帮助文档jQuery1.8+struts标签+正则表达式全中文

    文档将详细解析如何在JSP页面中使用Struts标签,如`&lt;s:textfield&gt;`用于创建输入字段,`&lt;s:submit&gt;`用于提交表单,`&lt;s:actionerror&gt;`显示错误消息,以及`&lt;s:if&gt;`和`s:else`进行条件判断等。通过学习这些标签,你可以...

    正则表达式

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

    jQuery基于正则表达式的表单验证功能示例

    在介绍jQuery基于正则表达式的表单验证功能示例时,本文重点介绍了在表单验证中如何应用正则表达式来实现对用户输入的校验。正则表达式是一种强大的文本处理工具,它提供了一种灵活且准确的方法来匹配字符串中符合...

    强大的表单验证 富含很多js正则表达式

    1. **获取用户输入**:通过DOM操作,如`document.getElementById('inputId').value`获取表单元素的值。 2. **验证输入**:使用正则表达式或其他方法检查输入是否有效。例如,如果验证邮箱,可以使用`emailRegex.test...

    jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法

    jQuery通过选择器(如ID选择器、类选择器、属性选择器等)来获取元素,并提供了多种方法来获取和设置元素的值,例如`.val()`方法用于获取或设置表单元素的值。 密码一致性验证是用户注册表单中的一项重要功能。它...

    Java正则表达式.docx

    在实际开发中,经常需要处理大量文本数据,如日志分析、表单验证、数据清洗等场景,而正则表达式能极大提高这些工作的效率。 #### 二、正则表达式基本介绍 正则表达式(Regular Expression,简称 RegEx 或 RegExp...

    精通正则表达式(第三版)

    在本书中,作者详细介绍了正则表达式的语法和功能,包括基础的匹配字符、量词、字符类、分组、预查等元素,以及更高级的主题如回溯、零宽度断言、捕获与非捕获组等。这些概念是构建复杂正则模式的基础,理解它们可以...

    jsp学习详细资料(含有正则表达式)

    1. **表单验证**:在用户提交表单前,可以使用正则表达式检查输入数据的格式,如邮箱地址、电话号码等,确保数据的合法性。 2. **URL重写**:通过正则表达式匹配和替换URL,可以实现更友好的SEO优化的URL格式。 3....

    Jquery 正则表达式验证多个文本框.txt

    ### Jquery正则表达式验证多个文本框 在Web开发中,前端表单验证是非常重要的一个环节,它可以提高用户体验并减少服务器的压力。本篇文章将详细解释如何使用Jquery结合正则表达式对多个文本框进行统一验证,并在...

    JS实现表单输入正则表达式验证功能源码.zip

    总的来说,这个压缩包中的源码提供了一个实际的JavaScript表单验证示例,涵盖了正则表达式、事件处理、DOM操作以及异步验证等多个重要概念。学习并理解这些内容,对于提升前端开发技能和创建高效、用户体验良好的...

    JavaScript 正则表达式(笔记)

    1. 获取表单元素的值,这些值通常是字符串,可能包含数字和下划线。 2. 根据业务需求,使用JavaScript的内置方法对数据进行初步判断。 3. 利用表单的`onsubmit`事件,在用户尝试提交表单时进行验证。如果数据不符合...

    常用正则表达式如:日期正则表达式,使用RegularExpressionValidator验证控件时的验证功能及其验证表达式,从URL地址中提取文件名的javascript程序等

    日期格式在数据处理中极为常见,正则表达式可以用来验证日期的有效性,例如判断日期是否符合标准格式,或者检查日期是否合法(比如不存在的日期)。下面列举了多种日期格式的正则表达式。 ##### 1. YYYY-MM-DD 格式...

    正则表达式验证身份证号码和邮箱、判断checked选中状态

    总之,通过结合HTML、CSS、JavaScript以及正则表达式,可以有效地对用户输入进行格式验证和逻辑判断,从而确保用户提交的数据符合特定的规范和要求。这对于防止无效数据和恶意输入、提高数据质量和用户体验都具有...

Global site tag (gtag.js) - Google Analytics