订阅怎样在表单提交前用JS修改表单数据?
来源：网络收集 点击： 时间：2024-05-23【导读】：
在form表单中，可以通过改变表单默认提交数据方法，使用js改变表单数据后，再通过submit()方法来提交数据。下面小编举例讲解怎样在表单提交前用JS修改表单数据。方法/步骤1/8分步阅读
2/8
3/8
4/8
5/8
6/8
7/8
8/8
JS
新建一个html文件，命名为test.html，用于介绍怎样在表单提交前用JS修改表单数据。
2/8在test.html文件内，创建一个id为myform的form表单，在表单内，使用input标签创建两个输入框，分别用来输入“姓”和“名”，并设置表单提交数据至test.php文件。
3/8在form表单内，设置一个隐藏input域，用于保存提交表单前修改了的数据。
4/8在form表单内，创建一个类型为button的input按钮，给input绑定onclick点击事件，当按钮被点击时，执行formSubmit()函数。
5/8在test.html文件内，在js标签内，创建formSubmit()函数，在函数内分别使用getElementById（）方法获得两个输入框的内容，将两个输入框的内容合并成一个字符串，并将值保存在隐藏域input中，实现改变表单的值。
6/8在formSubmit()函数内，再使用getElementById（）方法获得form表单对象，通过submit()方法提交form表单数据。
7/8创建一个test.php文件，用于接收并输出表单数据，代码如下：
8/8在浏览器打开test.html文件，在输入框填写“姓”和“名”，点击提交按钮，查看php接收到表单数据。
JS 版权声明：
1、本文系转载，版权归原作者所有，旨在传递信息，不代表看本站的观点和立场。
2、本站仅提供信息发布平台，不承担相关法律责任。
3、若侵犯您的版权或隐私，请联系本站管理员删除。
4、文章链接：http://www.1haoku.cn/art_832198.html
上一篇：电视直播TV怎么绑定手机号
下一篇：苹果音乐均衡器怎么改为原声?
