Html form提交

最新推荐文章于 2024-04-01 19:51:11 发布

琳凯

最新推荐文章于 2024-04-01 19:51:11 发布

阅读量608

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/u013819945/article/details/24963681

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

最近做一个form提交时，需要做一些数据校验，可是submit的onclick方法return false后，表单依然提交了。

错误写法：

<input type="submit" value="顺序提交" οnclick="x()"/>

正确写法：

<input type="submit" value="顺序提交" οnclick="return x()"/>

一定要注意方法要有return。

下面给出这个例子，并讨论了onclick，onsubmit，和submit()之间的关系。

示例代码：

<html>
<head>
<script type="text/javascript">
function formSubmit()
{
document.getElementById("myForm").submit()
}
function y() {
alert('y');
return false;
}

function x() {
alert('x');
return false;
}
</script>
</head>

<body>
<p>在下面的文本框中输入一些文本，然后点击提交按钮就可以提交表单。</p>

<form id="myForm" action="/i/eg_smile.gif" method="get" οnsubmit="return y()">
名：<input type="text" name="firstname" size="20"><br />
姓：<input type="text" name="lastname" size="20"><br />
<br />
<input type="button" οnclick="formSubmit()" value="直接提交">
<input type="submit" value="顺序提交" οnclick="return x()"/>
</form>
</body>

</html>

效果图：