您的位置:首页 > Web前端 > JQuery

jQuery之submit 事件及submit函数

2016-02-18 17:30 681 查看
当提交表单时,会发生 submit 事件。

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,仍然提交。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: