js表单提交 php,JavaScript提交表单的几种方法

在我们工作中我们会经常使用到form表单，相信大家再熟悉不过了，那么提交表单有很多种方法，JavaScript提交表单的方法又是如何呢，今天就带大家介绍下JavaScript提交表单的几种方法！

第一种方式：表单提交，在form标签中增加onsubmit事件来判断表单提交是否成功

function validate(obj) {

if (confirm("提交表单?")) {

alert(obj.value);

return true;

} else {

alert(obj.value);

return false;

}

第二种方式：通过button按钮来触发表单提交事件οnclick="submitForm();"，会忽略掉其他标签中的属性，比如form标签中的onsubmit属性就失效了。这时为了进行表单验证，可以将验证代码放在submitForm();方法中进行验证。

function validate() {

if (confirm("提交表单?")) {

return true;

} else {

return false;

}

function submitForm() {

if (validate()) {

document.getElementByIdx_x("myForm").submit();

}

第三种方式：将onsubmit事件放在submit标签中，而不是form标签中，此时表单验证失效，点击提交按钮表单直接提交

function validate() {

if (confirm("提交表单?")) {

return true;

} else {

return false;

}

第四种方式：为submit按钮添加上onclick事件，其中该事件用于表单提交的验证，功能类似于在form标签中增加了onsubmit事件一样

function validate() {

if (confirm("提交表单?")) {

return true;

} else {

return false;

}

第五种方式：

function validate() {

if (confirm("提交表单?")) {

return true;

} else {

return false;

}

通过button按钮来触发表单提交事件οnclick="submitForm();"，会忽略掉其他标签中的属性，比如form标签中的onsubmit属性就失效了。这时为了进行表单验证，可以将验证代码放在submitForm();方法中进行验证function submitForm() {

if (validate()) {

document.getElementByIdx_x("myForm").submit();

}

document.getElementByIdx_x("myBtn").onclick = submitForm;

总结：

通过对本文的介绍我们知道了JavaScript提交表单的多种方式，每个方法都有不同，小伙伴可以根据自己的需要选择一个，希望对你的工作有所帮助！

js表单提交 php,JavaScript提交表单的几种方法相关推荐

注册表桌面显示计算机,电脑开机后不显示桌面图标怎么办？修改注册表解决开机后不显示桌面图标的3种方法...
解决方法一: 1.按Win+R打开运行,输入regedit并回车: 2.在注册表展开:HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersi ...
js判断wifi_使用JS在浏览器中判断当前网络连接状态的几种方法
使用JS在浏览器中判断当前网络状态的几种方法如下: 1. navigator.onLine 2. ajax请求 3. 获取网络资源 4. bind() 1. navigator.onLine 通过na ...
js计算数组中每个元素出现的次数（2种方法）
js计算数组中每个元素出现的次数(2种方法) js动态生成唯一id Javascript生成全局唯一标识符(GUID,UUID)的方法
中单引号怎么转义_在JavaScript中组合字符串的4种方法
下面是在JavaScript中组合字符串的4种方法.我最喜欢的方法是使用模板字符串.为什么?因为它更具可读性,所以没有转义引号的反斜杠,没有笨拙的空格分隔符,也没有混乱的加号操作符 . const i ...
JavaScript 实现网页截屏五种方法
JavaScript 实现网页截屏五种方法最近研究了下如何利用JavaScript实现网页截屏,包括在浏览器运行的JS,以及在后台运行的nodeJs的方法.主要看了以下几个: PhantomJS P ...
html+轮播图下标跳转代码,最简单的JavaScript图片轮播代码(两种方法)
通过改变每个图片的opacity属性: 素材图片: 代码一: 最简单的轮播广告 body, div, ul, li { margin: ; padding: ; } ul { list-style-t ...
在JavaScript中重复字符串的三种方法
In this article, I'll explain how to solve freeCodeCamp's "Repeat a string repeat a string" ...
在JavaScript中反转字符串的三种方法
This article is based on Free Code Camp Basic Algorithm Scripting "Reverse a String" 本文基于F ...
多个html如何套用套一个头部,Vue.js项目中管理每个页面的头部标签的两种方法...
在 Vue SPA 应用中,如果想要修改 HTML 的头部标签,如页面的 title ,我们只能去修改 index.html 模板文件,但是这个是全局的修改,如何为每个页面都设置不一样的 title ...
java浮点数化为整数_[Java教程]javascript浮点数转换成整数三种方法
[Java教程]javascript浮点数转换成整数三种方法 0 2014-06-24 04:00:27 将浮点数转换成整数方法有很多,分享三种常用方法. Summary 暂时我就想到3个方法而已.如 ...

js表单提交 php,JavaScript提交表单的几种方法

js表单提交 php,JavaScript提交表单的几种方法相关推荐

最新文章

热门文章