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】相关文章：

★ 超级强大的表单验证

★ HTML TO JavaScript 转换

★ jQuery页面的滚动位置scrollTop、scrollLeft

★ 数字金额千位分隔的Javascript

★ JS制作手机端自适应缩放显示

★ Javascript递归打印Document层次关系实例分析

★ js操作css属性实现div层展开关闭效果的方法

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

★ jQuery实现将页面上HTML标签换成另外标签的方法

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