提交

form表单的几种方法

方法一:使用form的onsubmit()函数。

Html代码

& lt脚本类型= & quottext/JavaScript & quot；& gt

函数validateForm(){

if(document . reply . title . value = = & quot；& quot){//按名称获取表单

警报(& quot请输入标题！& quot);

document.reply.title.focus()。

返回false

}

if(document . forms[0]. cont . value = = & quot；& quot){//通过窗体数组获取窗体

警报(& quot请输入内容！& quot);

document . reply . cont . focus()；

返回false

}

返回true

}

& lt表单名称= & quot回复& quotmethod = & quot帖子& quotonsubmit = & quot返回validate form()；& quot& gt

& lt输入类型= & quot文本& quotname = & quot标题& quotsize = & quot80 & quot/& gt；& ltbr/>；

& lttextarea name = & quotcont & quotcols = & quot80 & quotrows = & quot12 & quot& gt& lt/textarea & gt；& ltbr/>；

& lt输入类型= & quot提交& quotvalue = & quot提交” & gt

& lt/form & gt；

注意:

1.1.onsubmit属性的内容必须有return关键字，否则函数会直接执行，不会返回。

2.validateForm必须返回布尔类型的返回值

3.提交按钮应该写成提交类型。

方法2:使用onclick()函数，它的输入类型是submit component。

1.put onsubmit = & quot在上面的表单标签中。return validate form()& quot；属性，去掉。

2.为“提交”按钮添加onclick事件，如下所示:

& lt输入类型= & quot提交& quotvalue = & quot提交” onclick = & quot返回validate form()；& quot& gt

方法三:使用按钮组件的onclick()函数手工提交。

Html代码

& lt脚本类型= & quottext/JavaScript & quot；& gt

函数modifyItem() {

if(trim(document . getelementbyid(& quot；项目名称& quot).value)= = & quot；& quot) {

警报(& quot材料名称不能是空！& quot);

document . getelementbyid(& quot；项目名称& quot).焦点()；

返回；

}

with (document.getElementByIditemForm & quot)) {

method = & quot帖子& quot;

action = & quotitem.do？command = modify & pageNo = $ { item form . pageNo } & quot；;

submit()；

}

}

//返回

函数goBack() {

window . self . location = & quot；item.do？command = list & pageNo = $ { item form . pageNo } & quot；;

}

& lt/script & gt；

& lt表单名称= & quotitemForm & quotid = & quotitemForm & quot& gt

& lt输入名称= & quot项目编号& quottype = & quot文本& quotid = & quot项目编号& quotvalue = & quot$ { item.itemNo } & quot& gt

& lt输入名称= & quot项目名称& quottype = & quot文本& quotid = & quot项目名称& quotvalue = & quot$ { item.itemName } & quot& gt

& lt输入名称= & quotbtnModify & quottype = & quot按钮& quotid = & quotbtnModify & quotValue = ” Modify ” onclick = & quotmodify item()& quot；& gt

& lt/form & gt；

注意:

1.提交时，设置表单的action和methods属性，然后使用form.submit()函数提交。

总结:

1.在验证表单中的组件时，前两个使用name属性，包括表单本身。

2.如果提交表单时没有响应，并且确定提交的表单中某些代码没有问题，请检查提交表单前面的js代码。有时候之前js的错误会造成莫名其妙的问题。

如何获取form表单提交后返回值？

1.给form添加id值：<formaction=”/News/SaveMessage”method=”post”accept-charset=”utf-8″id=”frm-reg”name=”frm-reg”>设置所有input标签的name属性值为数据库的字段值，即可以传值到后台2.给提交按钮添加id值：<inputtype=”button”id=”sub”name=”Submit”value=”提　交”>3.引用jquery-form.js文件4.jquery表单提交：

form组件的提交函数由什么组成？

jquery-form.js这个插件来实现回调函数：

<form id=”addform” method=”post” action=”请求接口地址” enctype=”multipart/form-data” target=”rfFrame”>

<p >

<p >

<label for=”customName” >广告包名称</label>

<p >

<input type=”text” name=”customName” id=”customName” placeholder=”广告包名称”>

</p>

</p>

<p >

<label for=”limited” >日限量</label>

<p >

<input type=”text” name=”limited” id=”limited” placeholder=”每日下载次数”>

</p>

</p>

<p >

<label for=”file” >URL地址</label>

<p >

<input type=”file” name=”file” id=”file”>

</p>

</p>

<!– /.box-body –>

<p >

<label for=”submit” ></label>

<p >

<button type=”button” id=”submit” >提交</button>

</p>

</p>

<!– /.box-footer –>

</form>

<iframe id=”rfFrame” name=”rfFrame” src=”about:blank” ></iframe>

注意：target=”rfFrame”调取的是下面这个iframe的id值。作用是为了提交表单时防止页面跳转；表单要上传文件时需设置属性enctype=”multipart/form-data”，具体原因不太清楚；

好了，现在要上jquery-form.js 的提交代码了：

$(“#submit”).click(function(){

var options = {

url:请求接口地址, //同action

type:’post’,

beforeSend:function(xhr){//请求之前

var index = layer.load(1, {

shade: //0.5透明度的黑色背景

});

},

success:function(data)

{

　　　　　　

},

　　 complete:function(xhr){//请求完成

layer.closeAll(‘loading’);

//询问框

layer.confirm(‘广告主修改成功！页面将跳转到列表页。’, {

btn: //按钮

}, function(){

location.href = “adList.html”;//location.href实现客户端页面的跳转

});

},

error: function(xhr,status,msg){

//alert(“状态码”+status+”; “+msg)

layer.msg(‘玩命加载中..’);

}

};

$(“#addform”).ajaxSubmit(options);

});

另外说明一下，如果没有上传文件的话，完全可以使用ajax请求就好了，没必要这么折腾。那也就说明 ajax请求不能够上传文件，ajax只能传递文本类信息。

form表单通过js提交，另外跳转servlet时，自己定义了一个数，传参过去，可以吗，不是fo？

自定义参数，可以通过在form表单中设置隐藏域传值<inputtype=”hidden”name=”arg_name”value=”arg_value”/>后台通过arg_name接收arg_value的值

form表单某个input的值不提交怎么写？

题主，一般的参数传递，可以通过GET和POST的方式提交到后台，你现在提到的input是form表单中的一个元素，通过指定form的action来提交到后台。而后台本质上是根据Socket来解析流。具体传到后台的值，可以打开浏览器的

开发者工具(F12打开)

观察。对于参数的解析，我在自己的公众号之前写过，题主可以过去看下是否有帮助。

快看被错用了这么久的GET和POST方法到底有什么区别

Tomcat是如何处理请求参数的？

总结起来就是把解析出来的参数名和值对应起来存到一个Map里，取的时候根据名称再拿出来。

form的提交放式是action还是method？

<form action="提交到哪儿？" method="提交的方式（post或get）">

希望能帮到你！