Javascript中的form
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Javascript中的form相关的知识，希望对你有一定的参考价值。
form对象是表单的DOM对象
方法：submit()提交表单，但是不会触发onsubmit事件。
在点击submit后form的onsubmit事件被触发，在onsubmit中可以进行数据校验，如果数据有问题，返回false即可取消提交。
示例代码：提交按钮的click和表单的submit方法比较
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>javascript测试</title> <script type="text/javascript"> onload=function(){ document.getElementById(‘fm‘).onsubmit = function(){ //验证数据文本框中的值是否为空 if(document.getElementById(‘txt‘).value.length==0) { return false; } }; document.getElementById(‘dv‘).onclick=function(){ //这个是调用按钮的点击事件，会执行表单的onsubmit事件，推荐使用这个 //document.getElementById(‘btnSearch‘).click(); //调用表单form的提交方法，不会执行表单的onsubmit事件 document.getElementById(‘fm‘).submit(); }; }; </script> </head> <body> <form id="fm" action="http://www.baidu.com/" method="get"> <input type="text" id="txt"/> <input type="submit" id="btnSearch" value="搜索一下"/> </form> <div id="dv" style="width:300px;height:180px;border:solid 1px red;"></div> </body> </html>
效果图
以上是关于Javascript中的form的主要内容，如果未能解决你的问题，请参考以下文章