submit事件監聽問題

儲存資料時需要先對表格中資料進行處理，然後再送出儲存，儲存按鈕如下：

<input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/> 
           

發現input标簽包含onsubmit屬性，是以嘗試使用onsubmit進行事件處理，但是綁定之後并沒有産生響應，後又嘗試将type值改為button進行嘗試。

<input id="btnSubmit" class="btn btn-primary" type="button" value="保 存" onclick="save()"/> 
           

在save()方法中對資料進行處理進行送出是可行，但是已經寫好的資料驗證方法不會執行，如果對代碼進行重整就些微的不明智。于是又嘗試了下述方法：

     input标簽如第一所示不變：

<input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/> 
           

    submit監聽如上篇部落格提到的，給btnSubmit綁定click事件，對資料進行處理。

HTML代碼：

<div class="control-group">
<label class="control-label">土撥鼠常挖坑</label>
<form:input path="formAttribute1" class="input-xlarge property" value="" name="測試1"/></div>
<form:input path="formAttribute1" class="input-xlarge property" value="" name="測試2"/></div>
<form:input path="formAttribute1" class="input-xlarge property" value="" name="測試3"/></div>
           

JavaScript代碼：

<script type="text/javascript">
    	$("#btnSubmit").on("click",function () { //事件綁定btnSubmit是資訊填寫完畢送出處的按鍵
      	  var propertyMap= {};
       	 $(".property").each(function () {
             propertyMap[this.name] = this.value;
       	 });
      	var  propertyInfo= JSON.stringify(propertyMap);
       	 alert($("#propertyInfo")
  	  });
	</script>