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 相关文章推荐
js focus不起作用的解决方法(主要是因为dom元素是否加载完成)
Nov 05 Javascript
JavaScript中的几个关键概念的理解-原型链的构建
May 12 Javascript
Jquery 的扩展方法总结
Oct 01 Javascript
js setTimeout()函数介绍及应用以倒计时为例
Dec 12 Javascript
css结合js制作下拉菜单示例代码
Feb 27 Javascript
js中的for如何实现foreach中的遍历
May 31 Javascript
深入理解JavaScript系列(47):对象创建模式(上篇)
Mar 04 Javascript
JS实现文档加载完成后执行代码
Jul 09 Javascript
微信JSAPI支付操作需要注意的细节
Jan 10 Javascript
详解VUE前端按钮权限控制
Apr 26 Javascript
angularjs1.X 重构controller 的方法小结
Aug 15 Javascript
layui 监听select选择 获取当前select的ID名称方法
Sep 24 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的String类代码
2010/04/20 PHP
php微信开发自定义菜单
2016/08/27 PHP
javascript 冒号 使用说明
2009/06/06 Javascript
jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法
2010/10/22 Javascript
js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍
2012/05/16 Javascript
基于jQuery的获取标签名的代码
2012/07/16 Javascript
js时间日期格式化封装函数
2014/12/02 Javascript
jquery实现的淡入淡出下拉菜单效果
2015/08/25 Javascript
input点击后placeholder中的提示消息消失
2016/01/15 Javascript
Bootstrap 布局组件(全)
2016/07/18 Javascript
JS与jQuery实现隔行变色的方法
2016/09/09 Javascript
jQuery解析XML 详解及方法总结
2016/09/28 Javascript
原生javascript实现读写CSS样式的方法详解
2017/02/20 Javascript
nodejs读取并去重excel文件
2018/04/22 NodeJs
vue-devtools的安装步骤
2018/04/23 Javascript
详解如何给React-Router添加路由页面切换时的过渡动画
2019/04/25 Javascript
vue组件化中slot的基本使用方法
2019/05/01 Javascript
微信小程序页面调用自定义组件内的事件详解
2019/09/12 Javascript
vuex(vue状态管理)的特殊应用案例分享
2020/03/03 Javascript
js实现文章目录索引导航(table of content)
2020/05/10 Javascript
[55:48]VGJ.S vs TNC Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
[01:07:21]NAVI vs VG Supermajor 败者组 BO3 第二场 6.5
2018/06/06 DOTA
Python实现替换文件中指定内容的方法
2018/03/19 Python
python中 * 的用法详解
2019/07/10 Python
Python中logging日志库实例详解
2020/02/19 Python
python topk()函数求最大和最小值实例
2020/04/02 Python
毕业生求职找工作的自我评价范文
2013/11/27 职场文书
教师求职信范文
2014/05/24 职场文书
倡议书格式
2014/08/30 职场文书
音乐之声观后感
2015/06/04 职场文书
文艺节目主持词
2015/07/06 职场文书
mysql优化
2021/04/06 MySQL
Golang中interface{}转为数组的操作
2021/04/30 Golang
一篇文章弄懂Python关键字、标识符和变量
2021/07/15 Python
Java由浅入深通关抽象类与接口(下篇)
2022/04/26 Java/Android
在Oracle表中进行关键词搜索的过程
2022/06/10 Oracle