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">οnlοad=function(){document.getElementById('fm').onsubmit = function(){//验证数据文本框中的值是否为空if(document.getElementById('txt').value.length==0){return false;}};document.getElementById('dv').οnclick=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>

效果图

转载于:https://blog.51cto.com/lsieun/1844897

Javascript中的form相关推荐

JavaScript中避免Form重复提交的两种方案
1.javascript ,设置一个变量,只允许提交一次. <script language="javascript"> var checkSubmitFlg ...
使用Ext Form自动绑定Html中的Form元素
2019独角兽企业重金招聘Python工程师标准>>> Java代码 //把ext 对象绑定在Html Form元素时的ext属性中 Ext.override(Ext.Compo ...
如何从JavaScript中的给定数字中形成最小的数字
by Prashant Yadav 通过Prashant Yadav 如何从JavaScript中的给定数字中形成最小的数字 (How to form the smallest possible nu ...
Django中的Form
2019独角兽企业重金招聘Python工程师标准>>> 一.使用Form Django中的Form使用时一般有两种功能: 1.生成html标签 2.验证输入内容要想使用django ...
JavaScript中的字符串操作(转）
http://www.cnblogs.com/xuebin/articles/1296837.html 最近编一个javascript的翻译程序,发现无法正确比较两个字符串的相等,上网查了查,发现这篇 ...
JavaScript 中 void(0) 的含义
我想使用过ajax的都常见这样的代码: <a href="javascript:doTest2();void(0);">here</a> 但这儿的void( ...
如何判断一个字符串在JavaScript中是否包含某个字符？
本文翻译自:How to tell if a string contains a certain character in JavaScript? I have a page with a textb ...
JavaScript中的HTTP GET请求？
我需要在JavaScript中执行HTTP GET请求. 最好的方法是什么? 我需要在Mac OS X破折号小部件中执行此操作. #1楼上面有很多很棒的建议,但不是很可重用,并且经常被DOM废话和其 ...
如何在JavaScript中验证电子邮件地址
如何在JavaScript中验证电子邮件地址? #1楼与squirtle相比 ,这是一个复杂的解决方案,但是在正确验证电子邮件方面做得非常出色: function isEmail(email) { ...

Javascript中的form

Javascript中的form相关推荐

最新文章

热门文章