js表单提交

做考试系统的时候，需要将拼接表传到后台，发现拼接的表后天是无法直接获取，不回发。问了下他们以前做过的，了解到了表单的提交。下面就来说下表单

 

表单中一般具有的内容有

 

文本框,单选按钮,多选按钮，按钮和下拉列表

如果想插入一些元素,首先需要插入表单域,才能添加其他的元素.

点击某按钮触发一些js函数,如果标记呢

触发事件一般是OnClick="";这里标记的是一个函数,必须写在标记中.实例如下:

<input type="button" name="update"value="更新" onClick="javascript:update()"/>
 
<script language="javascript" type="text/javascript">
function update()
{
//自定义函数
alert("大家好，欢迎到来");
}
</script>

获取表单中的值一般用的是Doucment

Document是window对象下面的子对象，他指的是页面中工具栏以下的空白区域的位置 。

获取方式

：document.表单名称.文本框mingcheng.value;

或是 document.getElementById("ID名称").value

 

表单的提交

form的 submit方法是提交的按钮。也是写在函数中的

Function doUpdate（）{

Var formID=document.getElementById('form的ID').value; //获取表单ID
//if判断是否为空，不为空才提交
If(formID!=" ")
{
 document.forms[ "form1" ].action="链接的地址或是页面?monthod=post"//提交的地址和方式
 
document.getElementById('form的ID').submit();//表单提交的动作
}

 

小结：这个小结是为了和以后的Jquery的表单提交做对比的，Jquery表单的提交要比JS的方便并且提交的参数也有很多，后续请继续关注Jquery的表单提交的不同。