`
xly_971223
  • 浏览: 1283826 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

第一个js类，包含两个方法 reset validate

prototype 
阅读更多 
<script type="text/javascript">
	var Form = Class.create();
	Form.prototype = {
		initialize: function(formId){
			this.form = $(formId);
		},
		
		reset: function(){
			for(i = 0; i < this.form.length; i++){
				if(this.form[i].type == 'text' || this.form[i].type == 'password'){
					this.form[i].value = '';
				}
			}
		},
		
		validate: function(){
			for(i = 0; i < this.form.length; i++){
				//alert(this.form[i].className);
				if(this.form[i].className.indexOf('required') > -1){
					alert(this.form[i].name + ' is required.');
				}
			}
		}
	};
	
	function clearForm(){
		var myform = new Form('loginForm');
		//myform.reset();
		myform.validate();
	}
</script>
</head>
<body>
<form id="loginForm" action="">
	<div>用户名：<input type="input" class="required" name="username" /></div>
	<div>密码：<input type="password" name="password" /></div>
	<div><input type="button" value="test" onclick="clearForm();"/> </div>
</form>
分享到：
| quick guide to somewhat advanced javascr ...
评论
发表评论

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

相关推荐

    validate方法

    描述中的链接指向了iteye博客的一篇文章，虽然具体内容未提供，但我们可以推测文章可能详细解释了一个特定工具或库中的validate方法的使用，或者探讨了验证数据的一般策略和最佳实践。 标签"源码"意味着内容可能...

    关于jquery.validate.js 相同name的多个元素只能验证第一个元素的解决办法

    ### 关于jQuery Validate 插件中相同name的多个元素只能验证第一个元素的问题及解决方法 #### 问题背景 在Web开发中，表单验证是非常重要的一环，它能够确保用户输入的数据符合预期的要求，从而避免数据错误或者...

    jsvalidate 强大的js验证框架

    `jsvalidate` 是一个强大的JavaScript验证框架，它为开发者提供了丰富的功能，用于在前端进行表单数据验证，确保用户输入的数据符合特定规则，从而提高应用的用户体验和数据准确性。这个框架使得开发者能够轻松地对...

    jquery的validate方法运用

    通过使用这个方法，我们可以轻松地添加各种验证规则，以确保用户输入的有效性。例如，我们可以验证必填字段、邮箱格式、电话号码、密码强度等。 首先，要使用`validate`方法，你需要在页面中引入jQuery库和jQuery ...

    Struts-Validate-Reset

    一个典型的Action类会有一个名为reset的公共方法，这个方法会被调用来清空ActionForm中的所有属性。例如： ```java public class MyAction extends Action { public ActionForward execute(ActionMapping mapping,...

    validate 通用Ajax无刷新表单验证类（JavaScript）

    `validate`是一个通用的Ajax无刷新表单验证类，使用JavaScript编写，它允许在用户提交数据之前即时检查输入，无需刷新整个页面。这种技术大大提升了用户交互的流畅性，使得表单填写过程更加高效。 `validate`类的...

    jquery.validate.js下载

    jquery.validate.js jquery.validate.js

    Javascript Validate

    在这样一个表单中，可能会包含姓名、邮箱、电话等字段，JavaScript Validate 技术可以用来验证这些输入是否有效，例如检查邮箱格式是否正确，电话号码是否符合特定的格式要求等。 `validate.js` 文件则是实际执行...

    jquery.validate.js

    jquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.js...

    jQuery.validate.js

    jQuery.validate.js是一款强大的JavaScript插件，专为jQuery框架设计，用于实现前端表单验证，提供了丰富的验证规则和自定义选项，使得开发者能够轻松地构建具有高效验证功能的网页。 一、jQuery.validate.js的核心...

    web开发校验validate.js

    `validate.js` 是一个强大的JavaScript库，专门用于实现前端表单验证。这款工具以其易用性和灵活性而闻名，能够帮助开发者在短短的10分钟内设置好复杂的验证逻辑。 `validate.js` 的核心功能在于提供了一套丰富的...

    jquery以及validate.js插件

    1. **additional-methods.js**: 这个文件包含了一些预定义的验证方法，比如`remote`（远程验证）、`minlength`（最小长度验证）等，通过引入此文件，我们可以直接在表单验证中使用这些额外的方法。 2. **message_zh...

    jquery.validate.js校验页面的js与使用方法

    &lt;script type="text/javascript" src="${request.contextPath}/js/common/plug/jquery/jquery.validate.min.js"&gt; &lt;script type="text/javascript" src="${request.contextPath}/js/common/plug/jquery/jquery....

    jquery.validate.min.js

    jquery.validate.min.js jquery jquery验证插件 validate

    jQuery.validate.js+API中文

    在Web开发领域，jQuery是一个广泛使用的JavaScript库，它极大地简化了DOM操作，事件处理以及Ajax交互等任务。而jQuery Validate插件则是jQuery的一个重要扩展，它专注于表单验证，帮助开发者创建高效且用户友好的...

    JQuery+validate校验+messages_zh中文的js库

    在本压缩包中，包含了jQuery的两个版本：`jquery-1.8.3.js` 和 `jquery-1.8.3.min.js`。这两个文件都是jQuery库的实现，区别在于`.min.js`是经过压缩和优化的版本，用于生产环境以提高网页加载速度，而未压缩的版本...

    formchack和validate.js实时验证

    "formchack" 和 "validate.js" 是两种常用的JavaScript验证库，用于实现表单的实时验证。 `formchack` 是一个轻量级的JavaScript表单验证插件，它的主要功能是在用户填写表单时即时检查输入内容的合法性。例如，它...

    jquery-validate验证框架使用详解及JS文件

    1. 引入依赖：首先，你需要引入jQuery库和jQuery Validate插件的JS文件，例如`jquery.js`和`validate.js`。 2. 初始化验证：在HTML表单元素上添加`id`，然后在JavaScript中对表单进行初始化验证，如下： ```...

    validate

    "7-1-Validation"这个压缩包文件名可能是某个教程或项目的一部分，暗示着这可能是一个关于验证的章节或步骤，比如第7部分的第一个子主题。这个文件可能包含源代码示例、教程文档或者演示验证功能的实例。 在软件...

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