1、新建一个html文件,命名为test.html,用于介绍怎样在表单提交前用JS修改表单数据。
2、在test.html文件内,创建一个id为myform的form表单,在表单内,使用input标签创建两个输入框,分别用来输入“姓”和“名”,并设置表单提交数据至test.php文件。
3、在form表单内,设置一个隐藏input域,用于保存提交表单前修改了的数据。
4、在form表单内,创建一个类型为button的input按钮,给input绑定onclick点击事件,当按钮被点击时,执行formSubmit()函数。
5、在test.html文件内,在js标签内,创建formSubmit()函数,在函数粝简肯惧内分别使用getElementById()方法获得两个输入框的内容,将两个输入框的内容合并芤晟踔肿成一个字符串,并将值保存在隐藏域input中,实现改变表单的值。
6、在formSubmit()函数内,再使用getElementById()方法获得form表单对象,通过submit()方法提交form表单数据。
7、创建一个test.php文件,用于接收并输出表单数据,代码如下:
8、在浏览器打开test.html文件,在输入框填写“姓”和“名”,点击提交按钮,查看php接收到表单数据。