黑马程序员技术交流社区
标题:
关于一个javacript的问题
[打印本页]
作者:
曾虓
时间:
2012-4-16 23:32
标题:
关于一个javacript的问题
本帖最后由 岳民喜 于 2012-4-17 14:49 编辑
表单块:
<form id="form1" name="form"
onsubmit=“return sub()”
method="post" action="">
这里在html代码中有onsubmit="return sub()",感觉不太好,可不可以把html代码和js完全分离呢。
我试过了,
a可以通过js代码注册onlick。
代码如下,请求牛人支援
html代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>提交表单</title>
<style type="text/css">
#form1 ul {
list-style-type: none;
float: left;
}
#form1 ul li {
margin-top: 5px;
}
#form1 ul .ggg {
text-align: right;
margin-right: 70px;
}
</style>
</head>
<body>
<ul id="imagegallery">
<li>
<a href="#">Fireworks</a>
</li>
<li>
<a href="#">Coffee</a>
</li>
</ul>
<form id="form1" name="form" method="post" action="">
<ul>
<li class="ggg">
<label for="txtName">用户名:</label>
<input type="text" name="username"/>
</li>
<li class="ggg">
<label for="password">密码:</label>
<input type="password" name="password" />
</li>
<li class="ggg">
<label for="repassword">重复密码:</label>
<input type="password" name="repassword" />
</li>
<li>
性别:
<input type="radio" name="sex" value="0" checked="default" />
男
<input type="radio" name="sex" value="1" />
女
</li>
<li>
城市:
<select name="city">
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">广州</option>
<option value="3">深圳</option>
</select>
</li>
<li>
兴趣爱好:
<input type="checkbox" name="read" value="0" />
阅读
<input type="checkbox" name="travel" value="1" />
旅游
<input type="checkbox" name="Internet" value="2" />
上网
</li>
<li>
个人简介: <textarea rows="5" cols="30" name="readme"></textarea>
</li>
<li>
<input type="submit" value="提交"/>
</li>
</ul>
</form>
<script type="text/javascript" src="2.js"></script>
</body>
</html>
复制代码
js代码如下:
/**
* @author Administrator
*/
//页面加载时启动函数
function addLoadEvent (func) {
var onldon = window.onload;
if ( typeof window.onload !='function') {
window.onload =func;
} else{
window.onload= function(){
onldon();
func();
}
};
}
//给id为imagegallery 的ul标签的a注册onlick方法,调用showshowPic()
function prepareGallery () {
var gallery =document.getElementById("imagegallery");
var links =gallery.getElementsByTagName("a");
for (var i=0; i < links.length; i++) {
links[i].onclick=function(){
showPic(this);
return false;
}
};
}
//函数showPic
function showPic (whichpic) {
}
//表单区验证函数
function sub() {
}
function example () {
//在此添加上代码,分离html和js文件,给表单onsubmit事件注册sub()方法
//请帮忙在这里写,实在搞不明白这里怎么写
}
addLoadEvent(prepareGallery);//初始化页面时加载prepareGallery ()
addLoadEvent(example);//初始化页面时加载example ()
复制代码
代码可以在js中给a标签注册事件,可是整个表单我不知道怎么注册
把
<form id="form1" name="form" method="post" action="">
</form>
如何在js代码中
实现
<form id="form1" name="form"
onsubmit=“return sub()”
method="post" action="">
</form>这个效果
作者:
曾虓
时间:
2012-4-16 23:45
提示:
该帖被管理员或版主屏蔽
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2