一个通用的form必填表字段的校验
来源:互联网 发布:淘宝网天猫怡百丽 编辑:程序博客网 时间:2024/06/05 18:46
//js代码
function validForm(){
var allGood = true;
var allTags = document.getElementsByTagName("*");
for(var i=0; i<allTags.length; i++){
if(allTags[i].nodeName=="INPUT" || allTags[i].nodeName=="TEXTAREA"){
if(!validTag(allTags[i])){
allGood=false;
}
}
}
return allGood;
function validTag(thisTag){
var outClass = "";
var allClasses = thisTag.className.split(" ");
for(var j=0; j<allClasses.length; j++){
outClass += validBasedOnClass(allClasses[j]) + " ";
}
thisTag.className = outClass;
if(outClass.indexOf("invalid") > -1){
thisTag.focus();
if(thisTag.nodeName=="INPUT"){
thisTag.select();
}
return false;
}
return true;
function validBasedOnClass(thisClass){
var classBack = "";
switch(thisClass){
case "":
case "invalid":break;
case "reqd":
if(allGood && thisTag.value=="") classBack = "invalid ";
classBack += thisClass;
break;
case "pwd":
if(allGood && !crossCheck(thisTag,thisClass)) classBack = "invalid ";
classBack += thisClass;
break;
default:
classBack += thisClass;
}
return classBack
}
function crossCheck(inTag,otherFieldId){
var inTagValue = inTag.value;
var otherFieldValue = document.getElementById(otherFieldId);
return (inTagValue==otherFieldValue);
}
}
}
//css 代码
.invalid {
background-color: #ff9;
border: 2px red inset;
}
//页面使用,在class里面添加reqd就 可以了,记得 和其他的class分开
<input id="userid" name="username" size="25" maxlength="25" type="text" class="reqd">
- 一个通用的form必填表字段的校验
- form文本域的通用校验函数
- 菜鸟的jquery学习记录 (一) 对form输入框的必填校验
- 一个简洁的通用前端输入数据校验方法
- 玩一玩nodejs--一个简单的在线实时填表应用
- 两个通用的产生一个编号字段的思路
- 两个通用的产生一个编号字段的思路
- struts2的非字段校验
- VB自动填表问题 bs自动填表的实现
- django中form的自定义校验
- 通用的Ajax模板 校验用户名
- JS通用校验-字段为空
- javascript验证表单form的通用函数
- 一个Form的生命周期
- 一个页面有多个form需要用js提交的通用方法
- 如何对字段进行相关的校验?
- 一个通用的Makefile
- 一个通用的Makefile
- .Net 配置文件的编程
- SQL 字符串与16进制互换
- 操作符重载手册
- linux下图形界面开发的“RC”文件
- 一个关于容抗的计算
- 一个通用的form必填表字段的校验
- 老师对我说
- 动态调用WebService(C#)
- A SURVEY ON AUTOMATIC TEST CASE GENERATION
- 运用C#创建一个.Net下的Web Service
- MyEclipse 6.0.1 注册码
- 删除工程下的所有.SVN文件
- JBuilder装好后...点开一闪而过,瞬间退出 解决办法
- VIM Related