当前位置：Gxlcms > JavaScript > 强效、方便的表单通用检测JS不错_表单特效

强效、方便的表单通用检测JS不错_表单特效

时间：2021-07-01 10:21:17 帮助过：7人阅读

<!DOCTYPE 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"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<script language="javascript"> 
// 表单通用检测JS by www.it2048.com 整理/制作 H.Q.J 2007/1/10

//自定义属性解释(IE支持): 
//ii_chname：表示该数据的中文名称 
//ii_minsize:表示允许输入的最小长度,单位字节 
//ii_maxsize：表示允许输入的最大长度,单位字节 
//ii_type:输入的数据类型 
//ii_null：表示输入值是否允许为空。为yes时允许为空。 
//ii_compare:比交是否与某项(ID)值相同

function isnull(str){ 
/* 检测字符串是否为空 */ 
        var i; 
         for (i=0;i<str.length;i++) 
        { 
          if (str.charAt(i)!=' ') return false; 
        } 
         return true; 
}

function isNum(s) { 
        /* 检测字符串是否为数字 */ 
        var regu = "^[-+]?\d*$";//支持正负\小数 
        //var regu = "^([0-9]*)$"; 
        //var regu = "^([0-9]*[.0-9])$"; // 小数测试 
        var re   = new RegExp(regu); 
        if (s.search(re) != -1) 
                return true; 
        else 
                return false; 
}

<body> 
<table width="80%" border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#CCCCCC"> 
  <tr> 
    <td height="100" valign="top" bgcolor="#FFFFFF">JS通用表单Input检测块(IE支持)
 
      通过自定义每一个Input的六个新属性(可省略任意个)
 
      //自定义属性解释(IE支持):
 
      //ii_chname：表示该数据的中文名称
 
      //ii_minsize:表示允许输入的最小长度,单位字节
 
      //ii_maxsize：表示允许输入的最大长度,单位字节
 
      //ii_type:限制输入的数据类型，有
 
                  EN(英文),CN(中文),NUM(实数),INT(整数),DATE(短日期),EMAIL(邮件)
 
                  CARD(身份证),URL(网址),IP(IP地址),ID1(英文帐号),ID2(中英文帐号)
 
      //ii_null：表示输入值是否允许为空。为yes时允许为空。
 
    //ii_compare:比交是否与某项(ID)值相同
 
    
 
    然后有二种检测方式，
 
    一是在Input里直接加入onBlur="verifyInput(this);" 事件，可即时检测提示
 
    二是在Form中onsubmit="return chkFromAll(this);"，提交才检测
 
    
 
    使用可以直接本页内script部份另存为Form_Common.js包含就可以用，解决绝大部份表单检测
 
    问题，与后台编程语言无关，加快后台程序编写效率，让你我更专注于后台编写 :) 
 
    由于众所周知的原因，FF等貌似不支持自定义属性，暂无解决方法(鄙视一下)。要想兼容可以自
 
    写chkfrom函数利用document.getElementById('ID')和JS文件内函数来检测，也会加快效率
 
    这只是我的web程序设计增效工具(Eff.Studio)的一部份，有朋友需要的话迟点我会公开由表直接自动生成表单工具、自动建立后台(含增加、列表、编辑、删除)的Class(因工作需要，暂只做ASP版) 
    将大大加快设计效率~~~支持啦~(支持转载，拷贝不究，恳留作者信息)</td> 
  </tr> 
</table>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

强效、方便的表单通用检测JS不错_表单特效

人气教程排行