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的开发个代阴影的对话框效果代码
Jul 28 Javascript
一个简单的网站访问JS计数器 刷新1次加1次访问
Sep 20 Javascript
JS 添加千分位与去掉千分位的示例
Jul 11 Javascript
JS远程获取网页源代码实例
Sep 05 Javascript
详细介绍jQuery.outerWidth() 函数具体用法
Jul 20 Javascript
javascript瀑布流式图片懒加载实例
Jun 28 Javascript
React Router v4 入坑指南(小结)
Apr 08 Javascript
JS打印彩色菱形的实例代码
Aug 15 Javascript
详解基于webpack&amp;gettext的前端多语言方案
Jan 29 Javascript
小程序数据通信方法大全(推荐)
Apr 15 Javascript
vue列表单项展开收缩功能之this.$refs的详解
May 05 Javascript
es6函数之尾递归用法实例分析
Apr 25 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
2019十大人气国漫
2020/03/13 国漫
php 正则表达式小结
2009/08/31 PHP
php设计模式 Proxy (代理模式)
2011/06/26 PHP
php计算十二星座的函数代码
2012/08/21 PHP
PHP获取链表中倒数第K个节点的方法
2018/01/18 PHP
JavaScript 对话框和状态栏使用说明
2009/10/25 Javascript
javascript(jquery)利用函数修改全局变量的代码
2009/11/02 Javascript
12款经典的白富美型—jquery图片轮播插件—前端开发必备
2013/01/08 Javascript
JavaScript 创建运动框架的实现代码
2013/05/08 Javascript
原生JS操作网页给p元素添加onclick事件及表格隔行变色
2013/12/01 Javascript
使用AngularJS实现表单向导的方法
2015/06/19 Javascript
jQuery实现图片上传和裁剪插件Croppie
2015/11/29 Javascript
理解javascript异步编程
2016/01/27 Javascript
在JavaScript中对HTML进行反转义详解
2016/05/18 Javascript
浅谈Angularjs link和compile的使用区别
2016/10/21 Javascript
详解Vue2 无限级分类(添加,删除,修改)
2017/03/07 Javascript
原生JS实现N级菜单的代码
2017/05/21 Javascript
详解vuejs几种不同组件(页面)间传值的方式
2017/06/01 Javascript
vue bootstrap小例子一枚
2017/06/09 Javascript
C#实现将一个字符转换为整数
2017/12/12 Javascript
深入理解JavaScript和TypeScript中的class
2018/04/22 Javascript
vue+springboot+element+vue-resource实现文件上传教程
2020/10/21 Javascript
[48:37]EG vs OG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python用字典构建多级菜单功能
2019/07/11 Python
django form和field具体方法和属性说明
2020/07/09 Python
详解html5 canvas常用api总结(二)--绘图API
2016/12/14 HTML / CSS
估算杭州有多少软件工程师
2015/08/11 面试题
DBA数据库管理员JAVA程序员架构师必看
2016/02/07 面试题
车间组长岗位职责
2013/12/20 职场文书
大学生2014全国两会学习心得体会
2014/03/10 职场文书
建筑学专业自荐书
2014/07/09 职场文书
安全生产一岗双责责任书
2014/07/28 职场文书
2014年度工作总结报告
2014/12/15 职场文书
争先创优个人总结
2015/03/04 职场文书
离婚财产分割协议书
2015/08/11 职场文书
基于Redis延迟队列的实现代码
2021/05/13 Redis