js表单提交的三种方式

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单提交的三种方式</title>
<script type="text/javascript">//button按钮结合submit()提交表单function checkForm(){if(document.form1.in1.value==""){alert("用户名不能为空。。。");}else if(document.form1.in2.value.length == 0){alert("密码不能为空。。。");}else{alert("提交成功！");form1.submit();//提交表单}}//submit按钮结合onclick方法function checkForm2(){if(document.form1.in1.value==""){alert("用户名不能为空。。。");return false;}else if(document.form1.in2.value.length == 0){alert("密码不能为空。。。");return false;}else{alert("提交成功！");return  true;}}//区别：调用方式以及具有返回值//submit按钮结合onsubmit()方法function checkForm3(){if(document.form1.in1.value==""){alert("用户名不能为空。。。");return false;}else if(document.form1.in2.value.length == 0){alert("密码不能为空。。。");return false;}else{alert("提交成功！");return  true;}}//区别：调用的方式
</script>
</head>
<body><form action="#" name="form1" method="post" onsubmit="return checkForm3()">用户名：<input type="text" name="in1"/><br>密&emsp;码：<input type="password" name="in2"/><br><!-- <input type="button" value="提交" onclick="checkForm()"/>   --> <!-- <input type="submit" value="提交" onclick="return checkForm2()"/>   --> <input type="submit" value="提交"/>   </form>
</body>
</html>

js表单提交的三种方式相关推荐

自我总结和学习表单提交的几种方式 (一)
最近总是记不住表单提交的几种方式,并且各种方式的适应场景也不知道,干脆来总结一次,当再学习过程. 首先从最简单的开始练手: [1]纯form表单形式,无js和ajax ,提交路径有action决定,方 ...
Form 表单提交的几种方式
简单的总结一下form表单提交的几种方式: 1.最简单的方式就用form的submit提交方式,这种提交方式是不需要回调函数的这种方式最近到一个form提供action路径后台接受就可以 & ...
python表单提交的两种方式_Flask框架学习笔记之表单基础介绍与表单提交方式
本文实例讲述了Flask框架学习笔记之表单基础介绍与表单提交方式.分享给大家供大家参考,具体如下: 表单介绍表单是HTML页面中负责数据采集功能的部件.由表单标签,表单域和表单按钮组成.通过表单,将 ...
onsubmit阻止表单提交的一种方式
最近做移动开发,一下从后台转移到前端了,之前写了一年的java代码,现在天天搞jQ css html ,肯定有点不习惯,不过现在已经适应了,写页面还是挺好玩的. 言归正传,今天遇到的就是怎么阻止表单 ...
防止form表单提交的几种方式
1. 背景介绍在开发项目中肯可能会出现如下情况: 1. 用户的失误操作,多次点击表单提交按钮 2. 由于网速等原因造成页面卡顿,用户重复刷新提交页面 3. 黑客或恶意用户使用postman等工具重复 ...
框架：HTTP请求的表单提交的几种方式
其实就是三种: 1. 直接把表单的参数写在Controller相应的方法的形参中 2. 通过HttpServletRequest接收 3. 通过一个bean来接收(JSON转bean)就是我的项 ...
python表单提交的两种方式_详解flask表单提交的两种方式
一.通用方式通用方式就是使用ajax或者$.post来提交. 前端html ... data Submit &nbsp 将操作绑定 $(document).ready(function() ...
jquery.validate+jquery.form提交的三种方式
原文:http://www.cnblogs.com/datoubaba/archive/2012/06/06/2538873.html jquery.validate+jquery.form提交的三种 ...
Action 中获取表单数据的三种方式
(尊重劳动成果,转载请注明出处:http://blog.csdn.net/qq_25827845/article/details/53138905 冷血之心的博客) Action 中获取表单提交数据 ...
php表单传值哪几种方式,PHP表单传值的方式有哪些？
本篇文章主要给大家介绍PHP表单传值的两种方式,一种是通过$_GET变量 .另一种是通过$_POST变量.(相关推荐:<PHP教程>) 下面我们就结合具体的PHP代码示例给大家介绍,PHP ...

js表单提交的三种方式

js表单提交的三种方式相关推荐

最新文章

热门文章