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

2016-02-19 10:55 3 1 收藏

在这个颜值当道，屌丝闪边的时代，拼不过颜值拼内涵，只有知识丰富才能提升一个人的内在气质和修养，所谓人丑就要多学习，今天图老师给大家分享强效、方便的表单通用检测JS 不错，希望可以对大家能有小小的帮助。

【 tulaoshi.com - Web开发】

<!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">  </style></head> <body> 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版) 将大大加快设计效率~~~支持啦~(支持转载，拷贝不究，恳留作者信息) 演示表单： </body> </html>

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

来源:https://www.tulaoshi.com/n/20160219/1596123.html

看过《强效、方便的表单通用检测JS 不错》的人还看了以下文章更多>>

一个方便AJAX开发的通用类

标签： Web开发

Name: AJAXRequest Author: HotHeart(xujiwei) Site: http://www.xujiwei.cn/ Blog: http://www.xujiwei.cn/blog/ Copyright (c) 2006, All Rights Reserved 类名：AJAXRequest 版本：0.3 日期：2006-12-18 介绍：AJAXRequest是一个方便AJAX开发的通用类，可以方便地进行一些AJAX中需要...

一款不错的键盘密码输入js程序

标签： Web开发

keyword.js 代码如下： //定义当前是否大写的状态 window.onload= function() { password1=null; initCalc(); &nbs...

从阿里妈妈发现的几个不错的表单验证函数

标签： Web开发

//-------- // 检查当前浏览器是否为Netscape //-------- function isNetscape(){ app=navigator.appName.substring(0,1); if (app=='N') return true; else {return false;} } //-------- // 保存当前Form表单（...

通用的javascript　换行色换列色的小js

标签： Web开发

html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / title行，列換色處理/title /head body table width="100%" border="1" cellspacing="0" cellpadding="0" id="Permit_View_Talbe" tr &nbs...

JavaScript/JS实现更方便的单选框

标签： Web开发

效果演示：脚本说明: 把如下代码加入body区域中 formlabel for="check1"经常来这里/labelinput type="CHECKBOX" id="check1" value="often" name="checkoften"label for="check2"偶尔来看看/labelinput type="CHECKBOX" id="check2" value...

查看更多精彩>>