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 相关文章推荐
jQuery 学习入门篇附实例代码
Mar 16 Javascript
推荐17个优美新鲜的jQuery的工具提示插件
Sep 14 Javascript
JQuery入门——事件切换之toggle()方法应用介绍
Feb 05 Javascript
下载文件个别浏览器文件名乱码解决办法
Mar 19 Javascript
js动态为代码着色显示行号
May 29 Javascript
js判断手机和pc端选择不同执行事件的方法
Jan 30 Javascript
简介JavaScript中的setHours()方法的使用
Jun 11 Javascript
JavaScript中数据结构与算法(一):栈
Jun 19 Javascript
精通JavaScript的this关键字
May 28 Javascript
p5.js入门教程之小球动画示例代码
Mar 15 Javascript
JS数组去重常用方法实例小结【4种方法】
May 28 Javascript
浅谈Node框架接入ELK实践总结
Feb 22 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
删除无限分类并同时删除它下面的所有子分类的方法
2010/08/08 PHP
php设计模式 Prototype (原型模式)代码
2011/06/26 PHP
PHP中通过HTTP_USER_AGENT判断是否为手机移动终端的函数代码
2013/02/14 PHP
解析PHP中常见的mongodb查询操作
2013/06/20 PHP
PHP面向对象教程之自定义类
2014/06/10 PHP
详解PHP中的Traits
2015/07/29 PHP
浅谈PHP中的面向对象OOP中的魔术方法
2017/06/12 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
jquery图片上下tab切换效果
2011/03/18 Javascript
JS实现一键回顶功能示例代码
2013/10/28 Javascript
js与运算符和或运算符的妙用
2014/02/14 Javascript
js/jquery获取文本框输入焦点的方法
2014/03/04 Javascript
JQuery使用$.ajax和checkbox实现下次不在通知功能
2015/04/16 Javascript
原生js实现图片轮播特效
2015/12/18 Javascript
jQuery实现背景滑动菜单
2016/12/02 Javascript
详解jQuery的表单验证插件--Validation
2016/12/21 Javascript
详解win7 cmd执行vue不是内部命令的解决方法
2017/07/27 Javascript
基于bootstrop常用类总结(推荐)
2017/09/11 Javascript
详解React之key的使用和实践
2018/09/29 Javascript
每个 JavaScript 工程师都应懂的33个概念
2018/10/22 Javascript
利用weixin-java-miniapp生成小程序码并直接返回图片文件流的方法
2019/03/29 Javascript
JavaScript判断浏览器运行环境的详细方法
2019/06/30 Javascript
JavaScript使用prototype属性实现继承操作示例
2020/05/22 Javascript
Laravel 如何在blade文件中使用Vue组件的示例代码
2020/06/28 Javascript
[00:27]DOTA2荣耀之路2:Patience from zhou!
2018/05/24 DOTA
python根据出生日期返回年龄的方法
2015/03/26 Python
Python实现定时任务
2017/02/08 Python
Python实现矩阵加法和乘法的方法分析
2017/12/19 Python
keras 指定程序在某块卡上训练实例
2020/06/22 Python
HTML5新特性之type=file文件上传功能
2018/02/02 HTML / CSS
Reebok俄罗斯官方网上商店:购买锐步运动服装和鞋子
2016/09/26 全球购物
关于Java String的一道面试题
2013/09/29 面试题
医护人员英文求职信范文
2013/11/26 职场文书
离婚协议书范本(2014版)
2014/09/28 职场文书
个人落户申请书怎么写?
2019/06/28 职场文书
Windows server 2012搭建FTP服务器
2022/04/29 Servers