submit事件监听问题

版权声明：本鼠所有博客均可转载，转载请注明出处，谢谢 https://blog.csdn.net/lee_master/article/details/80345762

保存数据时需要先对表格中数据进行处理，然后再提交保存，保存按钮如下：

<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>