关于JavaScript中处理表单from提交的问题
相信在处理from表单的提交时,大家可能会遇到这样的业务需求,当点击提交按钮时需要先提交到一个JavaScript中验证,然后再提交到服务器。
看看下面的例子:
<html>
<head><title></title></head>
<body>
<form name="form1" id="form1" method="post" action="form_submit.jsp" >
<br><br>
<table>
<tr>
<td>公司名称</td>
<td><input name="consumer_name" id="consumer_name" value="XX公司" /></td>
</tr>
<tr>
<td></td>
<td><input type="button" name="submit"
value="提交" onclick="submit_form();" /></td>
</tr>
</table>
</form>
</body>
</html>
<script type=text/JavaScript>
function submit_form(){
document.forms[0].submit();
}
</script>
但这样提交后会遇到这样的问题form表单不会提交出去,问题是你的button按钮的name是"submit",他是JavaScript的关键字,form表单不会提交,只要把它改了,就ok了,这也是我在开发时遇到的一个问题。与大家分享。
分享到:
相关推荐
通过这种方式,我们可以实现表单的实时更新,同时在提交表单时,可以直接从状态中获取用户输入的数据。 总的来说,虽然 React 没有内建的双向数据绑定,但通过合理的状态管理和事件处理,可以有效地实现类似的功能...
当通过GET方法提交表单时,表单数据会被附加到URL中作为查询参数发送。例如: ```html 搜索..."> 搜索 ``` 在后端视图中,可以通过`request.GET`获取这些参数: ```python def select_art(request): if ...
在使用 Vue 内置的 component 组件时,我们经常会遇到一些共性的问题,例如邮箱表单和手机表单都具有校验方法和获取表单数据方法。在这种情况下,我们可以使用 Vue 提供的混合功能来抽离共性代码。 ```javascript ...
爬虫是网络上自动收集信息的一种程序,它能够模拟人类在浏览器中的行为,批量获取网页中的数据。Python爬虫使用Selenium模拟浏览器行为是其中的一个重要方法。Selenium是一个用于Web应用程序测试的工具,它可以模拟...
在当今Web前端开发中,Vue.js是一个流行的JavaScript框架,用于构建用户界面和单页应用程序。Element UI是一个基于Vue 2.0的桌面端组件库,用于快速开发好看的网页界面。为了让Vue项目能够使用Element UI,开发者...
Vue.js 是一款非常流行的前端JavaScript框架,用于构建用户界面。在Vue.js中,初始化`el`和数据绑定是两个核心概念,它们构成了Vue实例的基础。接下来我们将深入探讨这两个知识点。 ### 1. 初始化 `el` `el`...