form提交

方法一：利用form的onsubmit()函數（常用）

 

<script type="text/javascript">
    function validateForm(){
    if(document.reply.title.value == ""){ //經過form名來獲取form
        alert("please input the title!");
        document.reply.title.focus();
        return false;
    }
    if(document.forms[0].cont.value == ""){ //經過forms數組獲取form
        alert("please input the content!");
        document.reply.cont.focus();
        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>
注意：
1.onsubmit屬性內容必定要有return關鍵字，不然函數會直接執行，不會返回
2.validateForm必定要返回一個boolean類型的返回值
3.提交按鈕要寫成submit類型的

 

方法二：利用input類型爲submit組件的onclick()函數

    1.將上面form標籤中的onsubmit="return validateForm()"屬性，去掉。

    2.爲「提交」按鈕添加onclick事件，以下：

     <input type="submit" value="提交" onclick="return validateForm();">

 

方法三：利用button組件的onclick()函數，手動提交

<script type="text/javascript">
    function modifyItem() {
        if (trim(document.getElementById("itemName").value) == "") {
            alert("物料名稱不能爲空！");
            document.getElementById("itemName").focus();
            return;
        }
        with (document.getElementById("itemForm")) {
            method = "post";
            action = "item.do?command=modify&pageNo=${itemForm.pageNo}";
            submit();
        }
    }
    //返回
    function goBack() {
        window.self.location = "item.do?command=list&pageNo=${itemForm.pageNo}";
    }
</script>
<form name="itemForm" id="itemForm">
      <input name="itemNo" type="text"   id="itemNo" value="${ item.itemNo }" >
      <input name="itemName" type="text"   id="itemName" value="${ item.itemName }" >
     <input name="btnModify"  type="button" id="btnModify" value=「修改" onclick="modifyItem()">
</form>
注意：
1.提交時，設置form的action和methods屬性，而後利用form.submit()函數提交。

 總結：

       1.對form中的組件驗證時，前兩個使用的是name屬性，包括form自身的。

       2.若是提交表單時沒有反應，同時肯定提交表單部分代碼沒有問題，請查看提交表單前面的js代碼，有時前面js的錯誤會引起莫名其妙的問題。