Js学习之路五

一、表单验证

html

<form action="" name="form1" id="form1">
	<p>
		账号：<input type="text" name="uname" id="uname" onblur="checkName()" /><span id="uname_span"></span>
	</p>
	<p>
		密码：<input type="password" name="pwd" value="123" />
	</p>
	<p>
		<input type="button" value="提交" onclick="checkName()" />
	</p>
</form>

Js

function checkName() {
	//获得input对象的值
	var uname = document.getElementById("uname").value;
	//获得span对象
	var span = document.getElementById("uname_span");
	if (uname == null || uname == "") {
		span.innerText = "×账号不能为空";
	} else {
		span.innerText = "√账号合法";
		//手动的提交表单
	}
}

二、prototype 属性

prototype 属性使您有能力向对象添加属性和方法

function user(age,sex){
this.name="李四"
;
this.age=age;
this.sex=sex;
this.eat=function(){
//方法体
alert("我是user中的吃的方法")
}
}
function user2(){
this.run=function(){
alert("我是user2中跑的方法");
}
}
user.prototype=new user2();
//创建对象
var us =new user(12);
us.look="看空气";//js中对象的使用比较灵活
us.run()