DHTML form validation

2016-02-19 10:20 5 1 收藏

今天给大家分享的是由图老师小编精心为您推荐的DHTML form validation，喜欢的朋友可以分享一下，也算是给小编一份支持，大家都不容易啊!

【 tulaoshi.com - Web开发】

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

来源:http://www.tulaoshi.com/n/20160219/1594278.html

上一篇： android中实现指针滑动的动态效果方法
下一篇：解决 firefox 不支持 document.all的方法

看过《DHTML form validation》的人还看了以下文章更多>>

DHTML form validation 02-19
DHTML 中的绝对定位 02-19
小知识,如Form淡出、捕捉Form最小化 02-19
DHTML的初步入门 02-19
XML 行为 - 新的DHTML? 02-19
加快 DHTML 的一组技巧 01-29
Asp Object 之:Form 01-29
Windows Form 和 UserControl 01-29
Delay is the deadliest form of denial 02-20
限制FORM的大小 02-19

xajax的FORM例子

标签： Web开发

代码如下： ?php // signup.php // demonstrates a simple multipage form using xajax // and the xajax.getFormValues() function. // using xajax version 0.1 beta4 // http://xajax.sourceforge.net session_start(); include ("xajax.inc.php"); function processForm($aFormValues) { if (a...

加快DHTML的一组技巧

标签： ASP

Mark Davis Microsoft Corporation 摘要：本文说明了某些 DHTML 功能对性能的重大影响，并提供了一些提高 DHTML 页面性能的技巧。目录简介成批处理 DHTML 更改使用 innerText 使用 DOM 添加单个元素扩展 SELECT 元素中的选项用 DOM 更新表编写一次，使用多次请勿过多使用动态属性数据绑定很有效不要在 document 对象中设置 ex...

jQuery 1.3 和 Validation 验证插件1.5.1

标签： Web开发

如果你打算更新，请确保你同时更新验证插件Validation Plugin 到1.5.1 版本，它同时兼容1.2.6和1.3的版本。主要的更新包括： 1. 使用validHandler 参数来替换之前必须绑定无用的form事件，具体的demo可以访问marketo (http://jquery.bassistance.de/validate/demo/marketo/) 2. 添加Tiny MCE ，示例demo(http://jquery.bassistance.de/validate...

制作固定大小的Form

标签：编程语言网络编程

固定的Form像一个对话框，何不试试下面的语句？ C++ Builder 请参照Delphi的例子 Delphi 您可以覆写 CreateParams() 这个 TWinControl 的虚拟程序, 改变 form的 wc.Stylee, 将 WS_SYSMENU 这个旗标解除, 这样, 就不会有左上角的 SystemMenuBox 了. 至於不能移动.缩小/放大, ...

英国form标志设计欣赏