`
xly_971223
  • 浏览: 1289485 次
  • 性别: 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 ...
评论
发表评论

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

相关推荐

    jQuery Validate验证表单时多个name相同的元素只验证第一个的解决方法

    在处理表单时，尤其是动态生成或复用name属性的表单元素时，可能会遇到一个问题：当多个元素的name属性相同，jQuery Validate 只会验证第一个元素，而忽略其他同名的元素。这在需要对每个同名元素进行单独验证的场景...

    jQuery Validate 校验多个相同name的方法

    该方案涉及在对应页面的 JavaScript 中加入特定的代码，以改变 jQuery Validate 的 elements 方法行为，使其能够返回所有具有相同名称的输入框，而不仅仅是第一个。通过重写 elements 方法，我们可以绕过原生的限制...

    深圳各公司java面试题

    在Hibernate中，`get()`立即加载实体，而`load()`延迟加载实体，直到第一次访问实体时才加载。 **5. collection和collections的区别** `Collection`是Java集合框架的根接口，代表一组对象，`Collections`是一个工具...

    作业题样式

    本作业题主要针对J2EE培训的第一阶段，要求学生运用HTML和JavaScript技术，设计并实现一个具有特定功能的网页。以下是根据题目要求详细解析的各项任务： 1. **制作一个网页**： 这是网页设计的基础，你需要创建一...

    JQuery验证框架

    此回调函数接收两个参数：第一个是`event`对象，第二个是`validator`对象。利用这两个参数，可以在验证失败时采取相应的措施，例如提示用户哪些字段未通过验证。 ```javascript $(".selector").validate({ ...

    ExtAspNet_v2.3.2_dll

    -修正extjs最新版本(v3.2.2)中的一个bug，如果下拉列表中存在两个相同的Text，则SelectedValue返回值永远是第一个Text的值(feedback:ben.zhou)。 -应用补丁#6593, #6621(feedback:vbelyaev)。 +修正IE7下Grid分页...

    ExtAspNet v2.2.1 （2009-4-1） 值得一看

    -Button控件将不再自动拥有display:inline属性，如果希望两个按钮在一行显示，请为第一个按钮设置CssStyle="float:left;"属性。 -修正了弹出菜单的位置在Firefox下不正确的BUG(feedback:eroach)。 -为TriggerBox...

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