码迷,mamicode.com
首页 > 编程语言 > 详细

javascript之dom编程(6):常用对象5

时间:2015-08-04 11:17:30      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:javascript

一:form对象,验证两次输入是否一致
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<script type="text/javascript">
function check(){
var form1=document.forms.item(0);
var passwd=form1.passwd.value;
var passwd2=form1.passwd2.value;
if(passwd!=passwd2){
error2.innerText="两次输入密码不一致";
error2.style.display="inline";
return false;
}
}
</script>
<body>
<h1>用户注册</h1>
   <form  action="js-12.html" method="post">
   <table  border="0">
   <tr><td>密  码:</td><td><input class="style1" type="password" name="passwd" 


id="passwd"/></td></tr>
   <tr><td>确认密码</td><td><input  class="style1" type="password" name="passwd2" 


id="passwd2"/><span style="display: none;color: red;" id="error2"></span></td></tr>
   <tr><td><input type="submit" onclick="return check();" value="注册用户"></td><td><input 


type="reset" value="重新填写"/></td></tr>
   </table>
   </form>
</body>
</html>


二;设置鼠标光标
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<script type="text/javascript">
function setFocus(){
document.getElementById("text1").focus(); 
}
</script>
<body>
<form>
name:<input type="text" id="text1" />
<br />
<input type="button" onclick="setFocus()" value="Set focus" />
</form>
</body>
</html>

版权声明:博主原创文章,转载请说明出处。http://blog.csdn.net/dzy21

javascript之dom编程(6):常用对象5

标签:javascript

原文地址:http://blog.csdn.net/dzy21/article/details/47272767

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!