方法一:利用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表单提交的值怎么来获取和生成表格等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)