jquery提交表單有兩種情況: 1:jquery只做提交用。 $("form").submit(); 這個(gè)的表單提交到什么地方的是更具form元素里面的action屬性去定義的。 2:jquery用ajax提交數(shù)據(jù)。 $.ajax({ type:"post", url:"xxx.php", // 這里是提交到什么地方的url data:{}, // 這里把表單里面的數(shù)據(jù)放在這里傳到后臺(tái) dataType:"json", success:function(res){ // 調(diào)用回調(diào)函數(shù) }});
創(chuàng)新互聯(lián)IDC提供業(yè)務(wù):成都棕樹機(jī)房,成都服務(wù)器租用,成都棕樹機(jī)房,重慶服務(wù)器租用等四川省內(nèi)主機(jī)托管與主機(jī)租用業(yè)務(wù);數(shù)據(jù)中心含:雙線機(jī)房,BGP機(jī)房,電信機(jī)房,移動(dòng)機(jī)房,聯(lián)通機(jī)房。
[img]jQuery阻止提交表單實(shí)現(xiàn)方法有以下兩種。
方法一:
$(function () { $("input[type=submit]").click(function (event) { //如果不滿足表單提交的條件,阻止提交表單 if () { event.preventDefault(); } else { location.href = '跳轉(zhuǎn)到成功提交表單后的頁面'; } }); })
方法二:
在 form 表單中設(shè)置 action 屬性,然后將 input 的類型 type = "submit" 改為 type = "button",然后在提交表單時(shí)執(zhí)行以下jq代碼。
$(function () { $("#submitButton").click(function (event) { //如果不滿足表單提交條件,返回false if () { return false; } else { return true; //滿足提交表單的條件則返回true } }); })
by三人行慕課
在form表單中添加id:form id="formId"/form,
buttom按鈕進(jìn)行提交,加onclick="js函數(shù)",
然后在js函數(shù)中$("#formId").submit()。
serialize() 方法通過序列化表單值,創(chuàng)建 URL 編碼文本字符串。
您可以選擇一個(gè)或多個(gè)表單元素(比如 input 及/或 文本框),或者 form 元素本身。
序列化的值可在生成 AJAX 請(qǐng)求時(shí)使用。
由于JQuery中,提交表單是像下面這樣的:Java代碼 $('#myform').submit() $('#myform').submit() 所以,想當(dāng)然的認(rèn)為,重置表單,當(dāng)然就是像下面這樣子嘍:Java代碼 $('#myform').reset() $('#myform').reset()但是,不幸的是,這樣寫的話,會(huì)有一個(gè)讓你很郁悶的結(jié)果,那就是,表單無法重置!后來,上網(wǎng)查了一下,說是,JQuery中沒有reset方法,經(jīng)核對(duì),果然是沒有。那有么沒有辦法通過JQuery來重置表單呢,答案是有的,不過是一種間接的方法,如下:Java代碼 $('#myform')[0].reset()也就是通過調(diào)用 DOM 中的reset方法來重置表單。
jquery表單提交數(shù)據(jù)的方法有兩種:
一種是直接提交,調(diào)用submit()方法,
第二種是用ajax提交,ajax提交要注意講數(shù)據(jù)序列化。
比如:
1、調(diào)用submit()方法
$(表單).submit();
2、ajax提交
$.ajax({
url: url,
data: $(表單).serialize(),
type: 'post',
success: function (data) {
}
});