DHTMLformvalidation_javascript技巧

来源：动视网责编：小采时间：2020-11-27 20:36:20

DHTMLformvalidation_javascript技巧

DHTMLformvalidation_javascript技巧: 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:

推荐度：

点击下载本文 文档为doc格式

导读DHTMLformvalidation_javascript技巧: 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:

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

DHTMLformvalidation_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签： js 表单 javascript

热门焦点

DHTMLformvalidation_javascript技巧

DHTMLformvalidation_javascript技巧

DHTMLformvalidation_javascript技巧

最新推荐

猜你喜欢

热门推荐