重写submit提交事件

//需求1：点击 submit按钮时，检查是否选择 type ，若没有选择则给出提示：“清选择类型”；
//             检查文本框中是否有输入（可以去除前后空格），若没有则给出提示：“请输入内容”；
//              若选择都通过，则在相应的 ul 节点中添加对应的 li 节点。
//需求2：使包括新增的 li 都能响应 onclick 事件：弹出 li 的文本值。
$(function(){function showContent(li){alert($(li).text());}$("li").click(function(){showContent(this);});$(":submit").click(function(){var $type = $(":radio[name='type']:checked");if($type.length == 0){alert("请选择类型");return false;}var type = $type.val();var $name = $(":text[name='name']");var name = $name,val();//$.trim(str)方法可以去除字符串 str 的前后空格。name = $.trim(name);$name.val(name);if(name == ""){alert("请输入内容");return false;}$("<li>" + name + "</li>").appendTo($("#" + type)).click(function(){showContent(this);});//取消 submit 的默认行为return false;
});
})

总结：

同 JS 的响应事件一样， jQuery 对象的响应函数若返回 false ，可以取消指定元素的默认行为，比如submit , a 等；
val()方法相当于attr(“value”)，获取表单的 value 属性值。例如：$(“:radio[name=’type’]:checked”)；这句就是一个选择器，选择name值为type的、被选中的（checked）radio对象。
$.trim(str)：可以去除 str 的前后空格；
jQuery 对象的方法的连缀：调用一个方法的返回值还是调用的对象，于是可以在调用方法的后面再次调用先前对象的其他方法。

重写submit提交事件相关推荐

js实现Form表单submit提交截获数据（各浏览器通用）
js实现Form表单submit提交截获数据(各浏览器通用) js实现Form表单submit提交截获数据(各浏览器通用) No Comments | js , 安全 , PHP | by calms ...
浅析ASP.NET回车提交事件[转]
ASP.NET回车提交事件其实说到底并不是ASP.NET 的编程问题,却是关于html form 中的submit 按钮就是如何规划的具体讨论. 也可归于ASP.NET编程的一部分,那么ASP.NET ...
submit()提交表单时，显示警示框
我同事在实现submit()提交表单时,想要页面弹出警示框. 但是折腾了几小时后发现,submit()始终不执行. 她的代码如下: $(document).ready(function(){ $(&q ...
如何阻止表单的默认提交事件
表单一点击提交按钮(submit)必然跳转页面,如果表单的action为空也会跳转到自己的页面,即效果为刷新当前页. 如下,可以看到一点击提交按钮,浏览器的刷新按钮闪了一下: 如果想要阻止表单的默认提 ...
input type = submit 提交方式和用js的form.submit()有什么区别？
说"一样的"的都不是专业的前端,至少有以下不同: 假设: A表单内有<input type="submit">,通过点击这个input来提交表单 B ...
layui中select及submit提交
layui中,select组件需要注意的几个地方: select外需要嵌套form标签: 给select添加lay-filter="test": 要在layui.use函数内声明使 ...
【Layui】var form = layui.form的意思监听提交事件
author:咔咔 wechat:fangkangfk 看了文档后,说这种写法是获取form模块,也就是说操作from模块需要使用form来调用保存按钮的lay_fileter的值,就是监听提交事件 ...
html表单提交按钮代码,JavaScript在form表单中使用button按钮实现submit提交方法
submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上. ...
JQuery禁用form提交事件
在form表单中使用了button的onclick进行跳转,每次点击button时,就会引起表单的提交事件,解决方法就是在点击button的时候禁用表单提交事件: <script type=&q ...

重写submit提交事件

重写submit提交事件相关推荐

最新文章

热门文章