jQuery之submit 事件及submit函数
2016-02-18 17:30
681 查看
当提交表单时,会发生 submit 事件。
submit() 方法触发 submit 事件,或规定当发生 submit 事件时运行的函数。
事件-->弹出提示“submitted”
submit() 方法触发 submit 事件,或规定当发生 submit 事件时运行的函数。
$(document).ready(function(){ $("form").submit(function(e){ alert("Submitted"); }); $("button").click(function(){ $("form").submit(); }); });以上点击button时-->调用submit()函数,提交表单-->触发 submit
事件-->弹出提示“submitted”
$inputForm.submit(function(e){ var value = $("#type").children("option:selected").val(); if(0==parseInt(value)){ e.preventDefault(); $("#type").after('<label for="type" class="error">必填</label>'); } });通过e.preventDefault(),阻止提交表单;
<script type="text/javascript"> function checkfun(){ if($("#username").val()==""){ return false; } return true; } </script> <form name="testform" action="hdom_onsubmit.html" onsubmit="return checkfun();"> <input type="text" name="username" id="username" size="20"> <input type="submit" value="Submit"> </form>需要注意的是,onsubmit=“return checkfun()”中的return是一定要加上的,不然checkfun的返回值哪怕是false,仍然提交。
相关文章推荐
- 表单填写不完整提交按钮灰色,填写完整自动解除解禁+jQuery验证提示
- jQuery使用说明
- jQuery获取url参数值
- jquery hover事件 in和out
- jQueryEasyUI Messager基本使用
- jquery中prop()方法和attr()方法的区别
- jquery获取单选框复选框下拉框值
- 8个超实用的jQuery插件应用
- Javascript、Jquery获取浏览器和屏幕各种高度宽度
- jQuery小技巧
- jQuery插件主要有两种扩展方式
- 页面的布局的百分比与像素
- C#集合在前端通过jQuery生成json树代码
- jquery easyui的datagrid在初始化的时候会请求两次URL?
- jquery 表单验证之 $.trim()
- jQuery之字体大小的设置
- JQuery 表格 隔行换色 和鼠标滑过的样式
- 基于jQuery实现仿搜狐辩论投票动画代码(附源码下载)
- jquery ajax 传动态值(错误试调)
- jquery的autocomplete在firefox下不支持中文输入法的bug