【图】DHTML form validation

<!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需刷新才能执行]

热门搜索

DHTML form validation

猜你喜欢

DHTML form validation

DHTML 中的绝对定位

s8lol主宰符文怎么配

小知识,如Form淡出、捕捉Form最小化

DHTML的初步入门

lol偷钱流符文搭配推荐

XML 行为 - 新的DHTML?

加快 DHTML 的一组技巧

lolAD刺客新符文搭配推荐

android中实现指针滑动的动态效果方法

解决 firefox 不支持 document.all的方法