asp.net(ajax)表单验证 函数包

最新推荐文章于 2025-08-21 21:29:08 发布
转载 最新推荐文章于 2025-08-21 21:29:08 发布 · 622 阅读 · 0
文章标签：

#asp.net #ajax #javascript #手机 #function #mobile

本文介绍了一个ASP.NET表单验证的JavaScript库，提供了多种表单字段验证函数，如密码强度、邮箱格式、电话号码等，并展示了如何将这些函数应用到实际表单中进行实时反馈。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

asp.net(ajax)表单验证 函数包

/**********************************************************************************
*
* 功能说明:js表单验证函数库
* 作者: 刘功勋;
* 版本:v0.1(javascript);时间:2006-7-27
* 注意:文件为js文件,使用时,<script language="javascript" src="*.js"></script>
* *******************************************************************************/

/********************************************************************************
* 函数名称：resultremain
* 功能说明：根据传递值，改变表单提示状态
* 参     数：id:表单span id号；str:提示文字；cssclassname:改变提示颜色的css style class名称

*********************************************************************************/
function resultremain(id,stype,str,cssclassname)
{  
       switch (stype) {
             //默认           
       case "normal" :
           {
               eval("span_"+id).classname=cssclassname;     
            break;
        }
          //正确
       case "right" :
           {         
            eval("span_"+id).innerhtml=str;
            eval("span_"+id).classname=cssclassname;           
            break;
        }
       //错误
       case "error":
         {                                 
          eval("span_"+id).classname=cssclassname;
          eval("error_"+id).innerhtml=str;                                
          break;
             }
       //获得焦点
       case "focus":      
       {
         eval("span_"+id).innerhtml=str;
         eval("span_"+id).classname=cssclassname;         
       }
       default :
        break;
      }
}

/********************************************************************************
* 函数名称：onfocusform
* 功能说明：密码输入框获得焦点时显示提示状态
* 参     数：o:表单对象
* 调用方式：表单控件名称.attributes["onfocus"] = "return onfocuspwd(this);";   //(asp.net)
*********************************************************************************/
function onfocusform(o,str)
{
     if(o){     
         resultremain(o.id,"focus",str,"formonfocus");
     
     }
}


/********************************************************************************
* 函数名称：oncheckpwd
* 功能说明：当表单失去焦点时，触发相应的密码检测
* 参     数：o:表单对象
* 调用方式：表单名称.attributes["onfocus"] = "return onfocuspwd(this);";   //(asp.net)
*********************************************************************************/
function oncheckpwd(o){     
     var p = o.value;    
     if(p){
         //测试密码长度,包括汉字密码
      var len = 0;
      var ary = escape(p).match(/(%u[0123456789abcdef]{4})+/g);
      if(ary){
       len = unescape(ary.join("")).length * 2;
       p = unescape(escape(str).replace(/(%u[0123456789abcdef]{4})+/g,""));
       len += p.length;
      }else{
       len = p.length;
      }    
      if(len < 6 || len > 20){
           resultremain(o.id,"error","<span style=/"color:#ff0000;/"><img src=/"/skin/main/images/icon_note.gif/" align=/"absmiddle/" /> 密码有误</span> ","formerr");
        return false;            
            
         }else{
           resultremain(o.id,"right","填写正确 ","formnormal");   
           return true;              
        }
     }else{
         resultremain(o.id,"error","<span style=/"color:#ff0000;/"><img src=/"/skin/main/images/icon_note.gif/" align=/"absmiddle/" /> 密码不能为空</span> ","formerr");
         return false;      
     }
};

/**********************************************************************************
* 函数名称：strlen
* 功能说明：检测字符串长度
* 参     数：o:表单对象;len:字符串长度
* 调用方式：表单名称.attributes["onblur"] = "return strlen(this,30);"; //(asp.net)
***********************************************************************************/

function strlen(o,len)
{
     var p = o.value;    
     if(p)
     {
         var l=p.length;
         if(l>len)
             {
              resultremain(o.id,"error","<span style=/"color:#ff0000;/"><img src=/"/skin/main/images/icon_note.gif/" align=/"absmiddle/" /> 字符超过长度</span> ","formerr");
              return false;  
            }
         else
              resultremain(o.id,"right","填写正确 ","formnormal");
              return true;
     }
     else
     {
         resultremain(o.id,"error","<span style=/"color:#ff0000;/"><img src=/"/skin/main/images/icon_note.gif/" align=/"absmiddle/" /> 资料不能为空</span> ","formerr");
         return false;  
     }
}

/**********************************************************************************
* 函数名称：oncheckpostcode(o)
* 功能说明：检测邮编是否合法
* 参     数：o:表单对象;
* 调用方式：表单名称.attributes["onblur"] = "return oncheckpostcode(this);"; //(asp.net)
***********************************************************************************/
function oncheckpostcode(o){
     var str = o.value;
     if(str){
         var pattern = /^/d{6}$/;
   if(!pattern.test(str))
         {
             resultremain(o.id,"error","<span style=/"color:#ff0000;/"><img src=/"/skin/main/images/icon_note.gif/" align=/"absmiddle/" /> 邮编输入不合法</span> ","formerr");           
             return false;
         }else{
             resultremain(o.id,"right","填写正确 ","formnormal");
             return true;
         }
     }else{
             resultremain(o.id,"error","<span style=/"color:#ff0000;/"><img src=/"/skin/main/images/icon_note.gif/" align=/"absmiddle/" /> 邮编不能为空</span> ","formerr");
            return false;  
         }
}

/**********************************************************************************
* 函数名称：onchecktel(o)
* 功能说明：检测电话号码是否合法或传真
* 参     数：o:表单对象;
* 调用方式：表单名称.attributes["onblur"] = "return oncheckpostcode(this);"; //(asp.net)
***********************************************************************************/
function onchecktel(o){
     var str = o.value;
     if(str){
         var pattern = /^((/d{3,4}-?/d{7,8})|(/d{7,8}))$/;
   if(!pattern.test(str))
         {
               resultremain(o.id,"error","<span style=/"color:#ff0000;/"><img src=/"/skin/main/images/icon_note.gif/" align=/"absmiddle/" /> 号码格式不合法</span> ","formerr");            
             return false;
         }else{
             resultremain(o.id,"right","填写正确 ","formnormal");
             return true;
         }
     }else{
               resultremain(o.id,"error","<span style=/"color:#ff0000;/"><img src=/"/skin/main/images/icon_note.gif/" align=/"absmiddle/" /> 号码不能为空</span> ","formerr");
               return false;
         }
}

/**********************************************************************************
* 函数名称：oncheckmobile(o)
* 功能说明：检测手机号码是否合法
* 参     数：o:表单对象;
* 调用方式：表单名称.attributes["onblur"] = "return oncheckmobile(this);"; //(asp.net)
***********************************************************************************/
function oncheckmobile(o){
     var str = o.value;
     if(str){
         var pattern = /^(0?13/d{9})$/;
   if(!pattern.test(str))
         {
             resultremain(o.id,"error","<span style=/"color:#ff0000;/"><img src=/"/skin/main/images/icon_note.gif/" align=/"absmiddle/" /> 手机号码输入不合法</span> ","formerr");          
             return false;
         }else{
           resultremain(o.id,"right","填写正确 ","formnormal");
           return true;
         }
     }else{
              resultremain(o.id,"error","<span style=/"color:#ff0000;/"><img src=/"/skin/main/images/icon_note.gif/" align=/"absmiddle/" /> 手机号码不能为空</span> ","formerr");
              return false;
         }
}

/**********************************************************************************
* 函数名称：oncheckemail(o)
* 功能说明：检测e-mail是否合法
* 参     数：o:表单对象;
* 调用方式：表单名称.attributes["onblur"] = "return oncheckemail(this);"; //(asp.net)
***********************************************************************************/
function oncheckemail(o){
     var em = o.value;
     if(em){
         var pattern = /^(/w|_|/.)+@((/w|_|/-)+/.)+(/w){2,3}$/;
      if(!pattern.test(em))
      {
           resultremain(o.id,"error","<span style=/"color:#ff0000;/"><img src=/"/skin/main/images/icon_note.gif/" align=/"absmiddle/" /> e-mail输入不合法</span> ","formerr");        
          return false;   
        }   
      else{
             resultremain(o.id,"right","填写正确 ","formnormal");
             return true;
         }
}else{
       resultremain(o.id,"error","<span style=/"color:#ff0000;/"><img src=/"/skin/main/images/icon_note.gif/" align=/"absmiddle/" /> e-mail不能为空</span> ","formerr");  
       return false;    
}
}

/**********************************************************************************
* 函数名称：ipcheck(o)
* 功能说明：检测ip地址是否合法
* 参     数：o:表单对象;
* 调用方式：表单名称.attributes["onblur"] = "return ipcheck(this);"; //(asp.net)
***********************************************************************************/
function ipcheck(o){    
     var ipstr=o.value;
     if(ipstr){
          var reg = /^((/d{1,3})(/./d{1,3}){3})$/;
          if(reg.test(ipstr))
          {
             var ary = ipstr.split(‘.‘);
             for(key in ary)
       {
                 if(parseint(ary[key]) > 255)
        {
             resultremain(o.id,"error","<span style=/"color:#ff0000;/"><img src=/"/skin/main/images/icon_note.gif/" align=/"absmiddle/" />ip输入不合法</span> ","formerr");  
            return false;
        }
             }
              resultremain(o.id,"right","填写正确 ","formnormal");
               return true;
          }
          else
          {
            resultremain(o.id,"error","<span style=/"color:#ff0000;/"><img src=/"/skin/main/images/icon_note.gif/" align=/"absmiddle/" />ip输入不合法</span> ","formerr");
             return false;  
          }
     }
     else
     {
         resultremain(o.id,"error","<span style=/"color:#ff0000;/"><img src=/"/skin/main/images/icon_note.gif/" align=/"absmiddle/" /> ip不能为空</span> ","formerr");   
          return false;
     }
}

/**********************************************************************************
* 函数名称：checknum(o)
* 功能说明：检测是否为纯数字
* 参     数：o:表单对象;
* 调用方式：表单名称.attributes["onblur"] = "return checknum(this);"; //(asp.net)
***********************************************************************************/
function checknum(o)
{
     var str=o.value;
     if(str)
     {
          var reg =//d/;
           if(!reg.test(str))
           {
              resultremain(o.id,"right","填写正确 ","formnormal");
               return true;
           }
           else
           {
              resultremain(o.id,"error","<span style=/"color:#ff0000;/"><img src=/"/skin/main/images/icon_note.gif/" align=/"absmiddle/" /> 起始标识应为纯数字!</span> ","formerr");
              return false;
           }         
     }
     else
     {
        resultremain(o.id,"error","<span style=/"color:#ff0000;/"><img src=/"/skin/main/images/icon_note.gif/" align=/"absmiddle/" /> 起始标识不能为空</span> ","formerr");
        return false;   
     }
}

/**********************************************************************************
* 函数名称：checkchinese(o)
* 功能说明：检测是否为中文字符
* 参     数：o:表单对象;
* 调用方式：表单名称.attributes["onblur"] = "return checkchinese(this);"; //(asp.net)
***********************************************************************************/
function checkchinese(o)
{
     var str=o.value;
     if(str)
     {
          var reg =/[/u0391-/uffe5]/gi;
           if(!reg.test(str))
           {
              resultremain(o.id,"right","填写正确 ","formnormal");
              return true;
           }
           else
           {
              resultremain(o.id,"error","<span style=/"color:#ff0000;/"><img src=/"/skin/main/images/icon_note.gif/" align=/"absmiddle/" /> 含有中文字符!</span> ","formerr");
               return false;
           }         
     }
     else
     {
        resultremain(o.id,"error","<span style=/"color:#ff0000;/"><img src=/"/skin/main/images/icon_note.gif/" align=/"absmiddle/" /> 不能为空</span> ","formerr");  
       return false;  
     }
}

/**********************************************************************************
* 函数名称： checkuid(o)
* 功能说明：检测用户名是否合法,暂没做ajax检测
* 参     数：o:表单对象;
* 调用方式：表单名称.attributes["onblur"] = "return checkuid(this);"; //(asp.net)
***********************************************************************************/
function checkuid(o){
     var u = o.value;
     if(u){
         if(u.length < 4 || u.length > 20)
         {
             resultremain(o.id,"error","<span style=/"color:#ff0000;/"><img src=/"/skin/main/images/icon_note.gif/" align=/"absmiddle/" /> 用户名长度需在4-20之间!</span> ","formerr");
             return false;
         }
     }else{
          resultremain(o.id,"error","<span style=/"color:#ff0000;/"><img src=/"/skin/main/images/icon_note.gif/" align=/"absmiddle/" /> 用户名不能为空!</span> ","formerr");
         return false;
     }
     var pattern = /^([a-za-z0-9]|[/u4e00-/ufa2d])+$/;
     if(!pattern.test(u))
     {
          resultremain(o.id,"error","<span style=/"color:#ff0000;/"><img src=/"/skin/main/images/icon_note.gif/" align=/"absmiddle/" /> 用户名包含非法字符!</span> ","formerr");
         return false;
     }
     else
     {
         resultremain(o.id,"right","填写正确 ","formnormal");
         return true;
     }
    
//     if(u == o1.value && u != ""){
//         regstyle(o.id,"right","此用户名可以使用");
//         return false;
//      }
//     var flag = loadxml(hostname + "/callpage/query.aspx?op=queryuid&s=" + o.value);
//     if(flag == ‘false‘){
//         regstyle(o.id,"right","此用户名可以使用");
//         o1.value = u;
//     }else{
//         regstyle(o.id,"error","这个用户名已被注册");
//         return false;
//     }
}

 

表单提交时,验证全部表单的例子:

function regform()
{

     var falsestr="";
     //检测密码
   if(!oncheckpwd(form1.tb_u_password))    
        falsestr +="false|";
   if(!oncheckpwd(form1.tb_u_password2))    
        falsestr +="false|";
   if(form1.tb_u_password.value !=form1.tb_u_password2.value)
        falsestr +="false|";
   if(!oncheckemail(form1.tb_email))    
        falsestr +="false|";
   if(!onchecktel(form1.tb_tel))    
        falsestr +="false|";
// if(!oncheckmobile(form1.tb_mobile))    
    //     falsestr +="false|";
   if(!checkuid(form1.tb_name))    
        falsestr +="false|";          

    //当falsestr中,包含false中,则返回false
   if(falsestr.length>=5)
   {
alert(‘表单中，有不符合规定的字符‘);   
        return false;  
    }
     else
         return true;  
            
}

12、ASP.NET AJAX 控件工具包扩展器详解
ggg99的专栏
08-15
本文详细介绍了 ASP.NET AJAX 控件工具包中的常用扩展器，包括 MaskedEditValidator、ModalPopup、NoBot、NumericUpDown、PasswordStrength 和 PopupControl。通过具体示例和属性说明，展示了如何使用这些扩展器提升 Web 应用程序的用户体验和数据安全性。同时提供了各扩展器的使用流程、对比分析及实际应用案例，帮助开发者快速掌握其使用方法。
22、ASP.NET AJAX：认证、配置与编程扩展全解析
spice的博客
07-31 8
本文详细解析了在ASP.NET中配置基于表单的身份验证、角色管理以及访问规则的设置，介绍了如何向Ajax网站添加身份验证功能，并探讨了如何使用和保存配置文件数据。此外，还涵盖了ASP.NET AJAX对JavaScript的编程扩展，包括类和命名空间的使用，帮助开发者构建更结构化、易于维护的应用程序。
ASP.NET Web表单验证控件实战指南
weixin_30218749的博客
05-16 1119
在Web开发中，表单验证是确保用户输入有效性的关键步骤，它不仅提高了数据质量，还能增强系统的安全性。WebValidates控件作为ASP.NET应用中常用的验证工具，提供了丰富的客户端和服务器端验证功能，帮助开发者快速实现各种验证场景。本章将介绍WebValidates控件的基础知识和核心功能，为后续章节的深入探讨打下基础。WebValidates控件支持多种验证类型，包括但不限于必填项验证、格式验证、范围验证等。
ASP.NET AJAX 用户存在验证项目
weixin_42601134的博客
08-25 1119
本文还有配套的精品资源，点击获取 简介：本项目利用ASP.NET和AJAX技术，实现了一个实时用户存在验证功能，无需刷新页面即可验证用户名是否存在。该项目通过JavaScript和服务器端代码的交互，展示了AJAX在Web应用程序中的应用，提升了用户体验并减轻了服务器负载。 1. ASP.NET 简介 ASP.NET 是一种由 Microsoft 开发的免费开源...
ASP.NET MVC中Ajax
dust__的博客
05-25 1909
一、AJAX简介 什么是Ajax Asynchronous JavaScript and XML (JavaScript执行异步网络请求) 如果仔细观察一个Form的提交，你就会发现，一旦用户点击“Submit”按钮，表单开始提交，浏览器就会刷新页面，然后在新页面里告诉你操作是成功了还是失败了。如果不幸由于网络太慢或者其他原因，就会得到一个404页面。 这就是Web的运作原理：一次HTTP请求对应一个页面。 如果要让用户留在当前页面中，同时发出新的HTTP请求，就必须用JavaScript发送这个新请求，接
直接配置ASP.NET AJAX的完整指南
weixin_35797963的博客
06-25 583
ASP.NET AJAX 是一种用于 ASP.NET 开发的技术，它使得开发者能够创建包含丰富客户端脚本的网络应用。通过引入异步 JavaScript 和 XML (AJAX) 技术，ASP.NET AJAX 为传统的 Web 应用程序带来了更快速、更响应的用户体验。这些技术的组合允许开发者在不需要重新加载整个页面的情况下，与服务器交换数据并更新页面的特定部分。ASP.NET AJAX引入了UpdatePanel控件，这个控件使得在不重新加载整个页面的情况下更新页面的某个部分成为可能。
7、ASP.NET AJAX 客户端库与服务器控件详解
ggg99的专栏
08-10 4
本文详细介绍了 ASP.NET AJAX 的客户端库和服务器控件，重点解析了客户端事件处理、Sys 命名空间中的常用类（如 Sys.Browser 和 Sys.StringBuilder），以及服务器端的核心控件 ScriptManager 的功能与使用方法。通过流程图和实际应用场景示例，如聊天室实时更新和表单验证与提交，展示了如何利用 ASP.NET AJAX 实现高效的 AJAX 功能，避免全页面刷新，提升用户体验。文章总结了相关控件的强大功能和适用场景，为开发者提供了全面的技术参考。
.NET ASP.NET（Ajax）
weixin_44870681的博客
10-17 338
Ajax编程技术 什么是Ajax? AJAX:”Asynchronous JavaScript and XML” 中文意思：异步JavaScript和XML。 指一种创建交互式网页应用的网页开发技术。 AJAX并非缩写词,而是由Jesse James Gaiiett创造的名词。 不是指一种单一的技术，而是有机地利用了一系列相关的技术： web标准( Standards-Based Presenta...
ASP.NET Ajax表单验证-HTML代码
aimcode
03-13 1258
.aspx中HTML代码:Ajax验证表单 /********************************************************************************* 函数名称：resultRemain?* 功能说明：根据传递值，改变表单提示状态 * 参??? 数：id:表单span ID号；str:提示文字
ASP.NET AJAX时用alert弹出对话框
10-30
在ASP.NET AJAX环境中，开发人员经常需要在用户交互时弹出JavaScript的alert对话框来提供信息反馈或确认操作。标题和描述中提到的问题主要集中在如何在使用ASP.NET AJAX时正确地触发alert，并解决与验证控件...
ASP.NET MVC下Ajax.BeginForm方式无刷新提交表单实例
10-18
*** MVC是一个流行的Web应用框架，其内置了Ajax支持，使得实现Ajax方式提交表单变得简单。本文主要介绍在*** MVC环境下，使用Ajax.BeginForm帮助开发者实现无刷新提交表单的示例和相关知识点。 首先，我们需要理解...
asp.net结合Ajax验证用户名是否存在的代码
10-29
ASP.NET 结合 AJAX 验证...综上所述，这个示例展示了如何利用 AJAX 在 ASP.NET 环境下实现用户名的实时验证，提高了用户界面的交互性和用户体验。然而，实际应用中还需要考虑更多的安全性、性能优化和错误处理策略。
【ASP.NET编程知识】Ajax+asp.net实现用户登陆.docx
05-15
这是一个基础但实用的Web开发技术组合，对于理解和实践ASP.NET与Ajax的结合有很好的帮助。在实际项目中，还需要考虑安全性问题，比如对用户输入的验证、防止SQL注入等，以及使用HTTPS确保数据传输的安全。
ASP.NET使用Ajax返回Json对象的方法
10-19
ASP.NET使用Ajax返回Json对象的方法是现代Web应用中常见的数据交互技术，特别是在构建动态和交互性强的用户界面时。在本场景中，我们将探讨如何在ASP.NET环境中通过Ajax请求发送数据到服务器，并接收以Json格式返回...
ASP.NET 使用redis 存储session 负载机器共享会话状态
欧巴酱的优快云
08-20 161
1.Nuget安装 Microsoft.Web.Redis.RedisSessionStateProvider。
JavaWeb前端03（Ajax概念及在前端开发时应用）
最新发布
2301_81189772的博客
08-21 925
摘要： 本文介绍了Ajax技术及其在前端开发中的应用。作者在完成苍穹外卖后端学习后，开始补足前端知识，重点学习HTML、CSS和JavaScript。Ajax（异步JavaScript和XML）用于实现前后端数据交互，支持不刷新页面更新部分内容，如搜索联想、数据校验等。文章通过实例演示了Axios库的GET/POST请求，并展示了动态加载员工列表数据的完整案例，包括前端界面设计、请求发送与响应处理。代码示例详细解析了Axios的基本用法，帮助读者快速掌握前后端数据交互的实现方法。
AJAX 与 ASP 的融合：技术深度解析与应用
lly202406的博客
08-17 379
AJAX是一种基于Web的技术，它允许网页在不重新加载整个页面的情况下与服务器进行交互。通过使用AJAX，可以实现与服务器之间的异步通信，从而提高用户体验。AJAX的核心技术包括JavaScript、XMLHttpRequest对象以及HTML。AJAX与ASP的融合为网络应用开发带来了许多便利。通过本文的介绍，读者可以了解到AJAX与ASP的基本原理、应用场景以及实际开发中的注意事项。在实际开发过程中，结合具体需求，合理运用AJAX与ASP技术，将为构建高质量、高性能的网络应用奠定坚实基础。
JavaScript手录18-ajax：异步请求与项目上线部署
qq_45925548的博客
08-20 1155
本文系统介绍了Web开发中的前后端协作流程与AJAX技术。主要内容包括： 开发流程与分工：详细说明产品、UI、前后端、测试、运维的协作流程，明确前后端职责边界。 服务器基础：分析物理服务器、云服务器和虚拟主机的特点，对比主流云服务商，介绍域名注册与解析流程。 AJAX技术：重点讲解异步交互原理，通过代码示例演示XMLHttpRequest的使用步骤，包括请求创建、发送、状态监听和响应处理。 数据流转：完整描述用户操作触发的前后端数据交互链路，从前端请求到数据库查询再返回渲染的全过程。 文章采用技术对比表格、
Promise详解：Promise解决ajax回调嵌套问题
web前端开发-linglong
08-21 243
Promise详解：Promise解决ajax回调嵌套问题
ASP.NET下的jQuery表单验证插件使用示例
在探讨Ajax表单验证插件在ASP.NET环境中的应用之前，首先要明确几个关键概念。首先，“Ajax”是一种可以在无需重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术。它由异步（Asynchronous）和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值