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>

submit事件监听问题相关推荐

layui监听当前页_事件监听 · layui使用手册 · 看云
# 事件监听语法:form.on('event(过滤器值)', callback); form模块在 layui 事件机制中注册了专属事件,所以当你使用layui.onevent()自定义模块事件时 ...
vue中的v-on事件监听机制
监听dom事件使用v-on指令: v-on:事件类型="一个函数" 这个事件类型可以自定义简写: @事件类型="一个函数"⭐ 1.作用:绑定事件监听,表达式可 ...
Vue 模板语法插值操作绑定属性计算属性事件监听条件判断循环遍历阶段案例
1 插值操作 1.1 Mustache语法也就是双大括号 {{ }} <div id="app"> <!-- mustche语法中,不仅可以直接写变量,也可以写 ...
[JS-DOM]事件监听机制
事件监听机制概念:某些组件被执行了某些操作后,触发某些代码的指行.*事件: 某些操作.如:单击,双击,键盘按下了,鼠标移动了.*事件源:组件.如:按钮,文本输入框...*监听器:代码.*注册监听:将 ...
vue/xx/事件监听，按键与键码值
vue中的事件监听 <!DOCTYPE html> <html lang="en"><head><meta charset="U ...
JavaScript 基础--- (正则表达式 / 事件监听与绑定)
正则表达式创建正则表达式: 方法一: var reg = /pattern/; 方法二:var reg = new RegExp('pattern'); RegExp 对象的常用方法: 示例: &l ...
html中事件监听的使用,Vue.JS入门篇--事件监听
你可以使用 v-on 指令来绑定并监听 DOM 事件.绑定的内容可以是一个当前实例上的方法 (后面无需跟括号) 或一个内联表达式.如果提供的是一个方法,则原生的 DOM event 会被作为第一个参数 ...
Vue学习（二）动态绑定与事件监听
v-bind&v-on Day1 文章目录 v-bind&v-on 前言一.V-bind 1.简单实现 2.Class的绑定 2.1对象绑定 2.2数组绑定 3.style的绑定 3 ...
安卓Android绘制一个信息填写页面，使用了三种事件监听方法
先上效果图片: 第一种,匿名内部类 //设置提交按钮监听submitButton.setOnClickListener(new View.OnClickListener() {@Overridepub ...
vue学习记录-05 事件监听
vue学习记录-05 事件监听这篇文章是根据codewhy老师在b站的视频进行的学习记录文章目录 vue学习记录-05 事件监听一.v-on的基本使用二.v-on的参数问题 1.方法不需要参数 ...

submit事件监听问题

submit事件监听问题相关推荐

最新文章

热门文章