js表單提交

做考試系統的時候,需要將拼接表傳到後臺,發現拼接的表後天是無法直接獲取,不回發。問瞭下他們以前做過的,瞭解到瞭表單的提交。下面就來說下表單

表單中一般具有的內容有

文本框,單選按鈕,多選按鈕,按鈕和下拉列表

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

點擊某按鈕觸發一些js函數,如果標記呢

觸發事件一般是OnClick=””;這裡標記的是一個函數,必須寫在標記中.實例如下:

 
<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的表單提交的不同。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *