js表单提交 php,JavaScript提交表单的几种方法
在我們工作中我們會(huì)經(jīng)常使用到form表單，相信大家再熟悉不過(guò)了，那么提交表單有很多種方法，JavaScript提交表單的方法又是如何呢，今天就帶大家介紹下JavaScript提交表單的幾種方法！
第一種方式：表單提交，在form標(biāo)簽中增加onsubmit事件來(lái)判斷表單提交是否成功
function validate(obj) {
if (confirm("提交表單?")) {
alert(obj.value);
return true;
} else {
alert(obj.value);
return false;
}
}
第二種方式：通過(guò)button按鈕來(lái)觸發(fā)表單提交事件οnclick="submitForm();"，會(huì)忽略掉其他標(biāo)簽中的屬性，比如form標(biāo)簽中的onsubmit屬性就失效了。這時(shí)為了進(jìn)行表單驗(yàn)證，可以將驗(yàn)證代碼放在submitForm();方法中進(jìn)行驗(yàn)證。
function validate() {
if (confirm("提交表單?")) {
return true;
} else {
return false;
}
}
function submitForm() {
if (validate()) {
document.getElementByIdx_x("myForm").submit();
}
}
第三種方式：將onsubmit事件放在submit標(biāo)簽中，而不是form標(biāo)簽中，此時(shí)表單驗(yàn)證失效，點(diǎn)擊提交按鈕表單直接提交
function validate() {
if (confirm("提交表單?")) {
return true;
} else {
return false;
}
}
第四種方式：為submit按鈕添加上onclick事件，其中該事件用于表單提交的驗(yàn)證，功能類(lèi)似于在form標(biāo)簽中增加了onsubmit事件一樣
function validate() {
if (confirm("提交表單?")) {
return true;
} else {
return false;
}
}
第五種方式：
function validate() {
if (confirm("提交表單?")) {
return true;
} else {
return false;
}
}
通過(guò)button按鈕來(lái)觸發(fā)表單提交事件οnclick="submitForm();"，會(huì)忽略掉其他標(biāo)簽中的屬性，比如form標(biāo)簽中的onsubmit屬性就失效了。這時(shí)為了進(jìn)行表單驗(yàn)證，可以將驗(yàn)證代碼放在submitForm();方法中進(jìn)行驗(yàn)證function submitForm() {
if (validate()) {
document.getElementByIdx_x("myForm").submit();
}
}
document.getElementByIdx_x("myBtn").onclick = submitForm;
總結(jié)：
通過(guò)對(duì)本文的介紹我們知道了JavaScript提交表單的多種方式，每個(gè)方法都有不同，小伙伴可以根據(jù)自己的需要選擇一個(gè)，希望對(duì)你的工作有所幫助！
相關(guān)推薦：
總結(jié)
以上是生活随笔為你收集整理的js表单提交 php,JavaScript提交表单的几种方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 51单片机c语言应用开发三位一体实战精讲
- 下一篇： ubuntu php设置,关于ubunt