欢迎来到福编程网，本站提供各种互联网专业知识！

手机版

微信关注

快捷导航: 正则表达式 AJAX相关黑客相关相关技巧 Mysql MsSql MsSql2005 MsSql2008 MariaDB Oracle Access SQLite PostgreSQL MongoDB DB2 Redis 数据库文摘数据库其它 LINUX RedHat/Centos Ubuntu/Debian Fedora Solaris 红旗Linux Unix/BSD 苹果MAC 麒麟系统注册表 BIOS 系统安装系统进程 Fireworks教程

广告商业广告，理性选择

您的位置：网站首页 > 网络编程 > JavaScript > javascript技巧

DHTML form validation

发布时间：2007-03-13　作者：　来源：转载

标签：雪佛兰通用奢华劳斯莱斯旗舰版 64位收藏夹解调器

DHTMLformvalidationbody{font-family:TrebuchetMS,LucidaSansUnicode,Arial,sans-serif;/*Fonttouse*/background-color:#FFF;font-size:0.9em;}/*Styleforinvalidinput*/.invalidInput{border:1pxsolid#F00;padding:1px;}/*Styleforvalidinput*/.validInput{

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

上一篇：xtree.js 代码

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

广告商业广告，理性选择

网站首页

网络编程

数据库

操作系统

平面设计

网站运营

网络安全

电脑相关

手机学院

DHTML form validation

相关推荐

文章分类

热门关键词

热门文章

最新更新