站长资源 网络编程

DHTML form validation

整理:jimmy2026/8/5浏览2次

简介DHTML form validation body{ font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; /* Font to use */ background-color:#FFF; f

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <title>DHTML form validation</title> <meta name="Author" content="Alf Magne Kalleland (post@dhtmlgoodies.com)"> <meta name="KeyWords" content="DHTML, HTML, Dynamic HTML,CSS, Menu, Menus,Drag and drop, Drag, Drop, Cross-browser, Cross browser, Examples, Javascript, Free, Javascripts, Cascading Style Sheet, Crossbrowser,Alf Magne Kalleland, Batalf, minesweeper"> <meta name="robots" content="follow"> <meta name="googlebot" content="index, follow"> <head> <style type="text/css"> 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; } </style> <script type="text/javascript"> /************************************************************************************************************ (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 </head> <body>  </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：js资料toString 方法

下一篇：用js实现的十进制的颜色值转换成十六进制的代码

站长资源网络编程

DHTML form validation

最新资源