js校验表单后提交表单的三种方法总结


Posted in Javascript onFebruary 28, 2014

第一种:

<script type="text/javascript">
         function check(form) {          if(form.userId.value=='') {
                alert("请输入用户帐号!");
                form.userId.focus();
                return false;
           }
       if(form.password.value==''){
                alert("请输入登录密码!");
                form.password.focus();
                return false;
         }
         return true;
         }
</script>

<form action="login.do?act=login" method="post">
用户帐号
  <input type=text name="userId" size="18" value="" >
<br>
 登录密码      
<input type="password" name="password" size="19" value=""/>      
 <input type=submit name="submit1" value="登陆" onclick="return check(this.form)">  
</form>   
 

第二种
<script type="text/javascript">
         function check(form) {          if(form.userId.value=='') {
                alert("请输入用户帐号!");
                form.userId.focus();
                return false;
           }
       if(form.password.value==''){
                alert("请输入登录密码!");
                form.password.focus();
                return false;
         }
         return true;
         }
</script>

<form action="login.do?act=login" method="post" onsubmit="return check(this)">
用户帐号
  <input type=text name="userId" size="18" value="" >
<br>
 登录密码      
<input type="password" name="password" size="19" value=""/>      
 <input type=submit name="submit1" value="登陆">  
</form> 

第三种:
<script type="text/javascript">
         function check(form) {          if(form.userId.value=='') {
                alert("请输入用户帐号!");
                form.userId.focus();
                return false;
           }
       if(form.password.value==''){
                alert("请输入登录密码!");
                form.password.focus();
                return false;
         }
          document.myform.submit();
}
</script>

<form action="login.do?act=login" name="myform" method="post">
用户帐号
  <input type=text name="userId" size="18" value="" >
<br>
 登录密码      
<input type="password" name="password" size="19" value=""/>      
<input type=button name="submit1" value="登陆" onclick="check(this.form)">  
</form>
Javascript 相关文章推荐
javascript 获取表单file全路径
Dec 31 Javascript
Javascript弹出窗口的各种方法总结
Nov 11 Javascript
js实现九宫格图片半透明渐显特效的方法
Feb 16 Javascript
jQuery DOM删除节点操作指南
Mar 03 Javascript
JavaScript 模块化编程(笔记)
Apr 08 Javascript
jquery代码实现简单的随机图片瀑布流效果
Apr 20 Javascript
js实现仿爱微网两级导航菜单效果代码
Aug 31 Javascript
基于Bootstrap里面的Button dropdown打造自定义select
May 30 Javascript
vue动态绑定组件子父组件多表单验证功能的实现代码
May 14 Javascript
Angular7中创建组件/自定义指令/管道的方法实例详解
Apr 02 Javascript
Vue 实现CLI 3.0 + momentjs + lodash打包时优化
Nov 13 Javascript
vue-cli3 引入 font-awesome的操作
Aug 11 Javascript
js对象转json数组的简单实现案例
Feb 28 #Javascript
JS中操作JSON总结
Dec 06 #Javascript
动态添加删除表格行的js实现代码
Feb 28 #Javascript
怎么判断js脚本加载完成
Feb 28 #Javascript
JS获取地址栏参数的几种方法小结
Feb 28 #Javascript
jquery ajaxSubmit 异步提交的简单实现
Feb 28 #Javascript
动态创建script标签实现跨域资源访问的方法介绍
Feb 28 #Javascript
You might like
php实现图片按比例截取的方法
2017/02/06 PHP
Firebug入门指南(Firefox浏览器)
2010/08/21 Javascript
JavaScript监听和禁用浏览器回车事件实例
2015/01/31 Javascript
javascript比较两个日期相差天数的方法
2015/07/23 Javascript
微信js-sdk上传与下载图片接口用法示例
2016/10/12 Javascript
JQuery.validationEngine表单验证插件(推荐)
2016/12/10 Javascript
微信小程序 实现列表项滑动显示删除按钮的功能
2017/04/13 Javascript
JS实现瀑布流布局
2017/10/21 Javascript
layui(1.0.9)文件上传upload,前后端的实例代码
2019/09/26 Javascript
node爬取新型冠状病毒的疫情实时动态
2020/02/06 Javascript
[02:52]DOTA2新手基础教程 米波
2014/01/21 DOTA
[38:41]2014 DOTA2国际邀请赛中国区预选赛 LGD VS CNB
2014/05/22 DOTA
[41:37]DOTA2北京网鱼队选拔赛——冲击职业之路
2015/04/13 DOTA
[01:57]2016完美“圣”典风云人物:国士无双专访
2016/12/04 DOTA
Python中的getopt函数使用详解
2015/07/28 Python
Python简单连接MongoDB数据库的方法
2016/03/15 Python
Python遍历某目录下的所有文件夹与文件路径
2018/03/15 Python
Sanic框架配置操作分析
2018/07/17 Python
解决python 无法加载downsample模型的问题
2018/10/25 Python
Python使用pandas对数据进行差分运算的方法
2018/12/22 Python
如何基于python实现画不同品种的樱花树
2020/01/03 Python
Python切割图片成九宫格的示例代码
2020/03/10 Python
基于python实现简单C/S模式代码实例
2020/09/14 Python
python如何控制进程或者线程的个数
2020/10/16 Python
纯css实现照片墙3D效果的示例代码
2017/11/13 HTML / CSS
Otel.com:折扣酒店预订
2017/08/24 全球购物
标记环介质访问控制协议
2016/03/27 面试题
招聘与培训专员岗位职责
2014/01/30 职场文书
技校毕业生个人学习的自我评价
2014/02/21 职场文书
教学质量评估实施方案
2014/03/17 职场文书
改革共识倡议书
2014/08/29 职场文书
党的群众路线教育实践活动制度建设计划
2014/11/03 职场文书
作弊检讨书
2015/01/27 职场文书
教师自荐信范文
2015/03/06 职场文书
python实现简单区块链结构
2021/04/25 Python
JS前端可扩展的低代码UI框架Sunmao使用详解
2022/07/23 Javascript