网站首页
网页制作
软件设计
IT编程技术
脚本编程
移动编程
网站设计
编程语言
网络编程
数据库脚本
办公软件
当前位置：
移动技术网
>
IT编程
>
开发语言
>
JavaScript
>
强效、方便的表单通用检测JS 不错
强效、方便的表单通用检测JS 不错
2019年07月30日 |
移动技术网
IT编程
|
我要评论
// 表单通用检测js by www.it2048.com 整理/制作 h.q.j 2007/1/10 //自定义属性解释(ie支持): //i
<!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"> <title>无标题文档</title> <style type="text/css"> <!-- body,td,th { font-size: 13px; color: #666666; } .style1 {color: #ff0000} --> </style></head> <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> <span class="style1">演示表单：</span> <form id="form1" name="form1" method="post" action="demo.html" onsubmit="return chkfromall(this);"> <table width="80%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#cccccc"> <tr> <td width="20%" height="25" align="right" bgcolor="#ffffff"><span class="style1">*</span>注册帐号：</td> <td bgcolor="#ffffff"><label> <input name="n1" type="text" id="n1" size="20" maxlength="16" onblur="verifyinput(this);" ii_chname="注册帐号" ii_minsize="4" ii_maxsize="16" ii_type="id1" ii_null="no"> (帐号只能由英文、数字和下划线组成,5-16个字符)</label></td> </tr> <tr> <td height="25" align="right" bgcolor="#ffffff"><span class="style1">*</span>登陆密码：</td> <td bgcolor="#ffffff"><label> <input name="n2" type="text" id="n2" size="20" maxlength="50" onblur="verifyinput(this);" ii_chname="登陆密码" ii_maxsize="50" ii_null="no"> </label></td> </tr> <tr> <td height="25" align="right" bgcolor="#ffffff"><span class="style1">*</span>重复密码：</td> <td bgcolor="#ffffff"><label> <input name="n3" type="text" id="n3" size="20" maxlength="50" onblur="verifyinput(this);" ii_chname="重复密码" ii_maxsize="50" ii_null="no" ii_compare="n2"> </label></td> </tr> <tr> <td height="25" align="right" bgcolor="#ffffff"><span class="style1">*</span>真实姓名：</td> <td bgcolor="#ffffff"><label> <input name="n4" type="text" id="n4" size="20" maxlength="50" onblur="verifyinput(this);" ii_chname="真实姓名" ii_maxsize="50" ii_type="cn" ii_null="no"> (只能为中文)</label></td> </tr> <tr> <td height="25" align="right" bgcolor="#ffffff"><span class="style1">*</span>联系邮件：</td> <td bgcolor="#ffffff"><label> <input name="mail" type="text" id="mail" size="20" maxlength="50"> </label></td> </tr> <tr> <td height="25" align="right" bgcolor="#ffffff"><span class="style1">*</span>联系qq：</td> <td bgcolor="#ffffff"><label> <input name="n5" type="text" id="n5" size="20" maxlength="50" onblur="verifyinput(this);" ii_chname="联系qq" ii_maxsize="50" ii_type="num" ii_null="no"> (只能为数字)</label></td> </tr> <tr> <td height="25" align="right" bgcolor="#ffffff">联系地址：</td> <td bgcolor="#ffffff"><label> <input name="n6" type="text" id="n6" size="30" maxlength="50"> </label></td> </tr> <tr> <td height="25" align="right" bgcolor="#ffffff">自我简介：</td> <td bgcolor="#ffffff"><label> <textarea name="n7" cols="50" rows="8" id="n7" onblur="verifyinput(this);" ii_chname="自我简介" ii_maxsize="200"></textarea> (最多100个字)<//textarea>
我要评论