网页制作中经常用到js提交form表单,或者用js通过点击链接提交form表单 action,下面是JS 提交form表单常用JS代码。
JS 提交form表单
源码实例
一:javascript 页面加裁时自动提交表单
Form表单:
<form method="post" id="myform"
action="a.php">
<input type="submit"
value="提交表单">
</form>
javascript 代码:
<script
type="text/javascript">
function validate(){
document.getElementByIdx_x('myform').submit();
}
window.load=validate();
</script>
注:用Javascript提交表单时最好form里的元素不要用id="submit"或name="submit",例如:
<input type="button" name="submit" />或<input type="button" id="submit" /> 这样JS可能不兼容各种浏览器,会导致JS报错。
二‘超链接提交表单
Form表单:
<form method="post" id="myform"
action="a.php">
<input type="test"
value="name"/>
</form>
<a
href="javascript:validate()">提交</a>
javascript 代码:
<script type="text/javascript">
function
validate(){
document.getElementByIdx_x('myform').submit();
}
</script>
用javascript其实真的很方便的去干某些事情!
第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功
<script type="text/javascript">
function
validate(obj) {
if
(confirm("提交表单?")) {
alert(obj.value);
return true;
} else {
alert(obj.value);
return false;
}
}
</script>
<body>
<form action="http://www.baidu.com"
onsubmit="return validate(document.getElementByIdx_x('myText'));">
<!—参数的这种写法注意下-->
<input type="text" id="myText"/>
<input type="submit" value="submit"/>
</form>
</body>
第二种方式:通过button按钮来触发表单提交事件onclick="submitForm();",会忽略掉其他标签中的属性,比如form标签中的onsubmit属性就失效了。这时为了进行表单验证,可以将验证代码放在submitForm();方法中进行验证。
<script type="text/javascript">
function
validate() {
if (confirm("提交表单?"))
{
return
true;
} else {
return false;
}
}
function submitForm() {
if (validate()) {
document.getElementByIdx_x("myForm").submit();
}
}
</script>
<body>
<form action="http://www.baidu.com"
id="myForm">
<input
type="text"/>
<input type="button"
value="submitBtn&qu