DW里关于表单的代码有不懂的地方,请赐教!
<inputtype="submit"value="同意以下服务条款,提交注册!"onclick="check()"/>前面都懂了,就是onclick="check()"...
<input type="submit" value="同意以下服务条款,提交注册!" onclick="check()" />
前面都懂了,就是onclick="check()" 看不懂什么意思?
请赐教! 展开
前面都懂了,就是onclick="check()" 看不懂什么意思?
请赐教! 展开
3个回答
展开全部
我写了个完整的例子,帮助你理解表单提交和javascript验证。
文件名:form_eg.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>Untitled Document</title>
</head>
<body>
<script type="text/javascript">
function check(){
//检查用户名是否为空,如果空,返回false,终止表单的提交。
var myusername = document.getElementById("username").value;
if(myusername == ""){
alert("用户名不能为空");
return false;
}
alert("用户ID为:"+ document.getElementById("userid").value +",表单正常提交,由于action值other.html,所以,页面将跳转到other.html");
//如果上面的检查都通过,返回true,表单正常提交
return true;
}
</script>
<form name="myform" method="post" action="other.html">
<input type="text" id="username" name="username" value="" />
<input type="hidden" id="userid" name="userid" value="135" />
<!--解释,input type="submit"这个按钮,通常,在点击后,将整个表单的内容提交到action="other.html"这个页面,现象是,跳转到这个页面。
但是,加上onclick="return check()"这句话后,如果check()方法里写的是return true;那么表单提交过去;如果return false;表单停止提交。-->
<input type="submit" value="同意以下服务条款,提交注册!" onclick="return check()" />
</form>
</body>
</html>
文件名:other.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>Untitled Document</title>
</head>
<body>
因为那个页面的form中写的是我的地址,所以,用户在submit以后,跳转到我这里,而且,form中的各个input控件中的数值,我也能读取。
</body>
</html>
运行网页form_eg.html进行测试。效果一看便知。
文件名:form_eg.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>Untitled Document</title>
</head>
<body>
<script type="text/javascript">
function check(){
//检查用户名是否为空,如果空,返回false,终止表单的提交。
var myusername = document.getElementById("username").value;
if(myusername == ""){
alert("用户名不能为空");
return false;
}
alert("用户ID为:"+ document.getElementById("userid").value +",表单正常提交,由于action值other.html,所以,页面将跳转到other.html");
//如果上面的检查都通过,返回true,表单正常提交
return true;
}
</script>
<form name="myform" method="post" action="other.html">
<input type="text" id="username" name="username" value="" />
<input type="hidden" id="userid" name="userid" value="135" />
<!--解释,input type="submit"这个按钮,通常,在点击后,将整个表单的内容提交到action="other.html"这个页面,现象是,跳转到这个页面。
但是,加上onclick="return check()"这句话后,如果check()方法里写的是return true;那么表单提交过去;如果return false;表单停止提交。-->
<input type="submit" value="同意以下服务条款,提交注册!" onclick="return check()" />
</form>
</body>
</html>
文件名:other.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>Untitled Document</title>
</head>
<body>
因为那个页面的form中写的是我的地址,所以,用户在submit以后,跳转到我这里,而且,form中的各个input控件中的数值,我也能读取。
</body>
</html>
运行网页form_eg.html进行测试。效果一看便知。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询