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 判断字符串是否为数字的简单方法
Jul 25 Javascript
JavaScript 异步调用框架 (Part 4 - 链式调用)
Aug 04 Javascript
Jquery 常用方法经典总结
Jan 28 Javascript
JavaScript高级程序设计 客户端存储学习笔记
Sep 10 Javascript
javascript实现tabs选项卡切换效果(扩展版)
Mar 19 Javascript
JavaScript AJAX之惰性载入函数
Aug 27 Javascript
JavaScript转换与解析JSON方法实例详解
Nov 24 Javascript
jQuery无刷新上传之uploadify3.1简单使用
Jun 18 Javascript
Javascript中常见的逻辑题和解决方法
Sep 17 Javascript
利用JS判断客户端类型你应该知道的四种方法
Dec 22 Javascript
vue多页面项目中路由使用history模式的方法
Sep 23 Javascript
JS实现简单的九宫格抽奖
Jun 28 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
fleaphp rolesNameField bug解决方法
2011/04/23 PHP
PHP实现页面静态化的超简单方法
2016/09/06 PHP
PHP中cookie知识点学习
2018/05/06 PHP
php 利用socket发送GET,POST请求的实例代码
2020/07/04 PHP
asp javascript 实现关闭窗口时保存数据的办法
2007/11/24 Javascript
页面右下角弹出提示框示例代码js版
2013/08/02 Javascript
jquery.cookie用法详细解析
2013/12/18 Javascript
Jquery对select的增、删、改、查操作
2015/02/06 Javascript
JavaScript自定义数组排序方法
2015/02/12 Javascript
javascript动画算法实例分析
2015/07/31 Javascript
XMLHttpRequest Level 2 使用指南
2016/08/26 Javascript
微信小程序 实现拖拽事件监听实例详解
2016/11/16 Javascript
vue mint-ui学习笔记之picker的使用
2017/10/11 Javascript
ES6扩展运算符用法实例分析
2017/10/31 Javascript
express+mockjs实现模拟后台数据发送功能
2018/01/07 Javascript
Bootstrap Paginator+PageHelper实现分页效果
2018/12/29 Javascript
详解Vue中的watch和computed
2020/11/09 Javascript
在Angular项目使用socket.io实现通信的方法
2021/01/05 Javascript
在MAC上搭建python数据分析开发环境
2016/01/26 Python
用python生成(动态彩色)二维码的方法(使用myqr库实现)
2019/06/24 Python
关于Python内存分配时的小秘密分享
2019/09/05 Python
python做接口测试的必要性
2019/11/20 Python
python中的逆序遍历实例
2019/12/25 Python
Python之Django自动实现html代码(下拉框,数据选择)
2020/03/13 Python
python中取绝对值简单方法总结
2020/07/24 Python
简述 Python 的类和对象
2020/08/21 Python
Python自动化办公Excel模块openpyxl原理及用法解析
2020/11/05 Python
印度民族服装购物网站:BIBA
2019/08/05 全球购物
护士演讲稿范文
2014/01/05 职场文书
村委会贫困证明
2014/01/14 职场文书
3的组成教学反思
2014/04/30 职场文书
单位委托书怎么写
2014/08/02 职场文书
现场活动策划方案
2014/08/22 职场文书
解放思想大讨论活动心得体会
2014/09/11 职场文书
2014流动人口计划生育工作总结
2014/12/20 职场文书
中标通知书
2015/04/17 职场文书