DHTML form validation body{ font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; /* Font to use */ background-color:#FFF; font-size:0.9em; } /* Style for invalid input */ .invalidInput{ border:1px solid #F00; padding:1px; } /* Style for valid input */ .validInput{ border:1px solid #FFF; padding:1px; } /************************************************************************************************************ (C) www.dhtmlgoodies.com, February 2006 This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website. Terms of use: You are free to use this script as long as the copyright message is kept intact. However, you may not redistribute, sell or repost it without our permission. Thank you! www.dhtmlgoodies.com Alf Magne Kalleland ************************************************************************************************************/ // Patterns var formValidationMasks = new Array(); formValidationMasks['email'] = /b[A-Z0-9._%-]+@[A-Z0-9.-]+.[A-Z]{2,4}b/gi; // Email formValidationMasks['numeric'] = /^[0-9]+$/gi; // Numeric formValidationMasks['zip'] = /^[0-9]{5}-[0-9]{4}$/gi; // Numeric var formElementArray = new Array(); function validateInput(e,inputObj) { if(!inputObj)inputObj = this; var inputValidates = true; if(formElementArray[inputObj.name]['required'] && inputObj.tagName=='INPUT' && inputObj.value.length==0)inputValidates = false; if(formElementArray[inputObj.name]['required'] && inputObj.tagName=='SELECT' && inputObj.selectedIndex==0){ inputValidates = false; } if(formElementArray[inputObj.name]['mask'] && !inputObj.value.match(formValidationMasks[formElementArray[inputObj.name]['mask']]))inputValidates = false; if(formElementArray[inputObj.name]['freemask']){ var tmpMask = formElementArray[inputObj.name]['freemask']; tmpMask = tmpMask.replace(/-/g,'-'); tmpMask = tmpMask.replace(/S/g,'[A-Z]'); tmpMask = tmpMask.replace(/N/g,'[0-9]'); tmpMask = eval("/^" + tmpMask + "$/gi"); if(!inputObj.value.match(tmpMask))inputValidates = false } if(formElementArray[inputObj.name]['regexpPattern']){ var tmpMask = eval(formElementArray[inputObj.name]['regexpPattern']); if(!inputObj.value.match(tmpMask))inputValidates = false } if(!formElementArray[inputObj.name]['required'] && inputObj.value.length==0 && inputObj.tagName=='INPUT')inputValidates = true; if(inputValidates){ inputObj.parentNode.className='validInput'; }else{ inputObj.parentNode.className='invalidInput' } } function isFormValid() { var divs = document.getElementsByTagName('DIV'); for(var no=0;no

【DHTML form validation】相关文章：

★ 光标的帖子总结（Range的使用）

★ 图片完美缩放

★ javascript转换静态图片，增加粒子动画效果

★ showModelessDialog()使用详解

★ Node.js 条形码识别程序构建思路详解

★ textarea是否自动换行

★ JS获取时间的相关函数及时间戳与时间日期之间的转换

★ 颜色渐变效果

★ jquery插件validation实现验证身份证号等

★ 模拟抽奖