简单的form表单操作的几种写法

最新推荐文章于 2024-08-13 10:54:12 发布

weixin_34068198

最新推荐文章于 2024-08-13 10:54:12 发布

阅读量165

点赞数

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/honchy/blog/349963

本文介绍了一种使用JavaScript来管理和操作用户信息的方法，包括保存及设置用户名称和邮箱等功能，并逐步展示了从简单的函数到面向对象的设计过程。

为什么80%的码农都做不了架构师？>>>

function save(){
	var name = $('#name').val();
	var email = $('#email').val();
	
	//...
}

function setValue(name,email){
	$('#name').val(name);
	$('#email').val(email);
}

//=============================================

function save(){
	var user = {};
	user.name = $('#name').val();
	user.email = $('#email').val();
	
}

function setValue(user){
	$('#name').val(user.name);
	$('#email').val(user.email);
}

//=============================================

var user = {};
user.dom = '#userform';
user.save = function(){
	this.name = $(this.dom).find('input[name="name"]').val();
	this.email = $(this.dom).find('input[name="email"]').val();
}
user.setValue = function(user){
	this.name = user.name;
	this.email = user.email;
	$(this.dom).find('input[name="name"]').val(this.name);
	$(this.dom).find('input[name="email"]').val(this.email);
}

//=============================================

function user(opts){
	this.dom = opts.dom;
}
user.prototype.save = function(){
	this.name = $(this.dom).find('input[name="name"]').val();
	this.email = $(this.dom).find('input[name="email"]').val();
}
user.prototype.setValue = function(user){
	this.name = user.name;
	this.email = user.email;
	$(this.dom).find('input[name="name"]').val(this.name);
	$(this.dom).find('input[name="email"]').val(this.email);
}

//=============================================

function user(opts){
	this.dom = opts.dom;
	this.name = opts.name;
	this.email = opts.email;
}
user.prototype.getValue = function(){
	this.name = this.nameDom.val();
	this.email = this.emailDom.val();
}
user.prototype.setValue = function(user){
	this.name = user.name;
	this.email = user.email;
	this.nameDom.val(this.name);
	this.emailDom.val(this.email);
}
user.prototype.save = function(){
	//$.post...
}
user.prototype.bindDom = function(){
	this.nameDom = $(this.dom).find('input[name="name"]');
	this.emailDom = $(this.dom).find('input[name="email"]');
}

转载于:https://my.oschina.net/honchy/blog/349963