`
qiangshao
  • 浏览: 11644 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类

前几天看到别人的js 表单验证，看上去代码比较优雅。

HTML 
阅读更多
代码如下 ，要是要验证的字段有好多的话安装平常的写法 ，那要写好多
。。现在，比如你有十个字段，也就是new 10个对象就好了， 
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">


  <script language="JavaScript">
  <!--
        //name 表单字段名 desc 描述
	function FormFiled(name,desc){
	  this.name=name;
	  this.desc=desc;
	}


	function validateForm(){
	  var frm=document.forms[0];
	  var list=new Array(new FormFiled("name","名称"),new FormFiled("content","内容"));//比如 你还有好多字段，也只需要在这里new FormFiled对象
	  for(var i=0;i<list.length;i++){
	  var oval=eval("frm."+list[i].name);
	  var value=oval.value;
		if(value==""||value==null){
		  alert(list[i].desc+"不能为空！！");
		  oval.focus();
		  return false;
		}
	  }
		return true;
		
	}
  //-->
  </script>
 </head>

 <body>

 <form method=post action="">
	<input type="text" name="name"><br>
	<input type="text" name="content"><br>
	<input type="button" value="确定" onclick="return validateForm()">
 </form>
  
 </body>
</html>
分享到：
| 看到很多人都发布了hibernate dao 我都看了 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js表单验证代码 很全很强大

    JavaScript（简称JS）是一种轻量级的脚本语言，广泛应用于网页和网络应用开发，尤其在前端领域，它是实现动态内容、用户交互以及表单验证的重要工具。"js表单验证代码 很全很强大"这个标题暗示了我们讨论的是一个...

    JS注册表单验证

    网上常见的用JS编写的注册表单验证的代码，非常实用哦

    JS表单验证程序源代码

    这是一个表单验证的JavaScript源文件代码，

    js通用表单验证代码

    在JavaScript编程领域，表单验证是一项至关重要的任务，它确保用户在提交数据前输入的信息符合预设的格式和规则，从而提高数据质量和用户体验。本文将深入探讨“js通用表单验证代码”这一主题，以及如何利用...

    JavaScript表单验证控制代码大全

    在"js表单验证控制代码大全1.txt"、"js表单验证控制代码大全3.txt"、"js表单验证控制代码大全2.txt"这三份文档中，很可能会包含上述各种验证方法的具体实现，包括示例代码和实用技巧，供开发者参考和学习。...

    js手机注册表单验证代码.zip

    在IT行业中，前端开发是至关重要的一个环节，特别是在用户交互设计上，表单验证扮演着不可或缺的角色。"js手机注册表单验证代码.zip" 文件提供了一种简单的解决方案，用于实现手机注册过程中的用户输入验证。这个...

    javascript很好很强大的JS表单验证

    javascript很好很强大的JS表单验证 javascript很好很强大的JS表单验证

    原生js带提示留言表单验证代码.zip

    本资源"原生js带提示留言表单验证代码.zip"提供了一套完整的原生JavaScript实现的表单验证解决方案，尤其适用于留言功能。以下是关于这个代码包中的关键知识点的详细说明： 1. **原生JavaScript**：原生JavaScript...

    利用JS文件来优化网站表单验证和提交代码

    为了提升开发效率和代码质量，本文提出了通过JavaScript（JS）文件来优化网站表单验证和提交代码的方案。以下是根据给定文件内容生成的详细知识点。 知识点一：JavaScript的表单验证和提交优化 JavaScript是一种...

    一行代码搞定整站的表单验证js代码

    这个“一行代码搞定整站的表单验证js代码”很可能通过封装这些验证方法，提供了一个简洁的接口，使得开发者在表单元素上简单调用即可实现多种验证。这种做法大大减少了开发时间和复杂度，对于快速开发和维护是极其...

    js表单验证 全网最全的 表单验证

    本资源集合了全网最全面的JavaScript表单验证方法，覆盖了从基础到高级的各种验证场景。 首先，让我们详细探讨一下`js表单验证`。JavaScript是一种在客户端运行的脚本语言，它可以在用户填写表单时实时检查输入，...

    js表单验证实例，HTML文件,javascript常用表单验证

    js表单验证实例，HTML文件,javascript常用表单验证： 账号、密码、身份证等

    javascript表单验证方式一

    本文将深入探讨"javascript表单验证方式一"，介绍如何利用JavaScript进行表单验证，确保用户输入的数据符合预设规则，提高用户体验，同时也减轻了服务器端的压力。 首先，表单验证的基本目标是检查用户在HTML表单中...

    史上最全最完整的js表单验证控制代码大全

    根据提供的标题、描述以及部分代码内容，我们可以整理出一系列与JavaScript表单验证相关的知识点。以下是对这些知识点的详细解析： ### 1. 基础表单元素验证 #### 1.1 文本框（`&lt;input&gt;`）与文本区域（`&lt;textarea&gt;...

    简单的表单验证

    "简单的表单验证"这个主题，通常涉及到JavaScript（JS）这一前端脚本语言，用于实现客户端的验证功能。在不依赖服务器的情况下，JavaScript可以在用户提交表单前实时检查输入内容，提升用户体验并减轻服务器负担。 ...

    js简单的注册表单密码验证代码

    接着，我们编写JavaScript代码，这部分可能位于`validate.js`文件中，用于处理表单验证。密码验证通常包括以下几个方面： 1. **非空验证**：确保用户输入了密码。 2. **长度验证**：密码长度至少为6个字符，以提高...

    JS表单验证与JS常见问题解决方案

    "JavaScript常见问题整理.txt"、"表单验证大全.txt"、"JavaScript表单验证控制代码大全.txt"、"JavaScript验证表单函数大全.txt"这些文件将提供更具体的信息和示例代码，帮助深入理解和掌握这一主题。

    jquery表单验证代码百度注册页面表单验证

    在IT行业中，前端开发是构建用户交互界面的关键环节，而表单验证是前端开发中必不可少的部分。本示例聚焦于使用jQuery库进行表单验证，特别是在百度注册页面的应用。jQuery是一个广泛使用的JavaScript库，它简化了...

    简单且强大的js表单验证框架

    **标题解析：** "简单且强大的js表单验证框架" 这个标题表明我们要讨论的是一种JavaScript（js）实现的轻量级表单验证工具。它强调了易用性和功能的强大性，暗示这个框架可能提供了丰富的验证规则和灵活的自定义选项...

Magicbox
Global site tag (gtag.js) - Google Analytics