JS提交form表单实例分析

前端技术 2023/08/31 JavaScript

本文实例讲述了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其实真的很方便的去干某些事情！

希望本文所述对大家JavaScript程序设计有所帮助。

本文地址：https://www.stayed.cn/item/888

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案