如何获取form表单提交的数据

方法一：利用form的onsubmit()函数

Html代码

<script type="text/javascript">

function validateForm(){

if(documentreplytitlevalue == ""){ //通过form名来获取form

alert("please input the title!");

documentreplytitlefocus();

return false;

}

if(documentforms[0]contvalue == ""){ //通过forms数组获取form

alert("please input the content!");

documentreplycontfocus();

return false;

}

return true;

}

<form name="reply" method="post" onsubmit="return validateForm( );">

<input type="text" name="title" size="80" /><br />

<textarea name="cont" cols="80" rows="12"></textarea><br />

<input type="submit" value="提交" >

</form>

注意：

1onsubmit属性内容一定要有return关键字，否则函数会直接执行，不会返回

2validateForm一定要返回一个boolean类型的返回值

3提交按钮要写成submit类型的

function submit(callback){

documentgetElementById("myform")submit();

callback();

}

function reset(){

$('#myform')reset();

}

function tijiao(){

submit(reset);

}

<form id="myform" action="">

<input type="text" name=""/>

<input type="button" value="提交" onclick="tijiao()"/>

</form>

你如果用js提交后直接重置，有时候会报错，因为正在往后台传值的过程中，你就清空，会获取不到这个值。这就需要js的回调机制，上面我给你写了回调函数。这样就保证了将表单完全提交后才清空input

html中获取表单数据的的方法一般有两种，一个是使用form表单的action属性将表单的数据提交给后台，另外一种就是使用JavaScript方法获取表单的数据，然后通过ajax传送给后台。

工具原料：编辑器、浏览器

一、使用表单的方法提交数据

1、利用form表单的action属性来获取表单的数据并提交，代码如下：

<form action="form_actionphp" method="get">

  <p>First name: <input type="text" name="fname" /></p>

  <p>Last name: <input type="text" name="lname" /></p>

  <input type="submit" value="Submit" />

</form>

2、以上代码中method指定提交数据的方法为get，action的值是表单数据提交的地址。

二、使用JavaScript方法来获取表单的数据的方法

1、可以使用JavaScript的选择器选择表单的元素并获取其输入的数据，代码如下：

<form action="form_actionphp" method="get">

   <p>First name: <input id="bt1" type="text" name="fname" /></p>

   <p>Last name: <input id="bt2" type="text" name="lname" /></p>

   <input type="submit" value="Submit" />

  </form>

   <script>

   consolelog($('#bt1')val())

   consolelog($('#bt2')val());

   </script>

2、其中$('#bt1')val()就是获取input输入内容的值

1给form添加id值：

<form action="/News/SaveMessage" method="post" accept-charset="utf-8" class="form" id="frm-reg" name="frm-reg">

设置所有input标签的name属性值为数据库的字段值，即可以传值到后台

2给提交按钮添加id值：

<input class="sub-btn fl" type="button" id="sub" name="Submit" value="提　交">

3引用jquery-formjs文件

4jquery表单提交：

1给form添加id值：

<form action="/News/SaveMessage" method="post" accept-charset="utf-8" class="form" id="frm-reg" name="frm-reg">

设置所有input标签的name属性值为数据库的字段值，即可以传值到后台

2给提交按钮添加id值：

<input class="sub-btn fl" type="button" id="sub" name="Submit" value="提　交">

3引用jquery-formjs文件

4jquery表单提交：

我觉得你有两个问题：

1。提交到frame没有成功。你应该给frame一个name。例如：

<IFAME name="FFF" ></IFRAME>

然后把提交的对象指向这个IFRAME。例如：

documentforms[0]target="FFF";

这样才能把当前页面的数据提交到IFRAME中去。

2。你的bjsp页面中有一个隐藏值来接受“name”这个参数。例如：

<INPUT name="name" value="<%=requestgetParameter("name")%>" >

这样的话，你在bjsp中提交到别的地方去的时候，就会有name参数了。

希望对你帮助！

一个典型的例子，表单提交\r\n如果input按钮type为submit时，手动点击它会自动提交表单，\r\ntrigger("click")会提交表单，triggerHandler("click")则不会

以上就是关于如何获取form表单提交的数据全部的内容，包括:如何获取form表单提交的数据、submit元素在form表单的外面，点击后表单怎么会提交了、iview表单提交的值怎么来获取和生成表格等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！