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小tip资料
Nov 23 Javascript
jquery中常用的SET和GET$(”#msg”).html循环介绍
Oct 09 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
Jun 15 Javascript
DeviceOne 让你一见钟情的App快速开发平台
Feb 17 Javascript
HTML5 实现的一个俄罗斯方块实例代码
Sep 19 Javascript
如何利用JQuery实现从底部回到顶部的功能
Dec 27 Javascript
Bootstrap常用组件学习(整理)
Mar 24 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
Sep 11 Javascript
JSON数据中存在单个转义字符“\”的处理方法
Jul 11 Javascript
vue实现的微信机器人聊天功能案例【附源码下载】
Feb 18 Javascript
Vue移动端右滑屏幕返回上一页附源码下载
Jun 26 Javascript
vue 子组件和父组件传值的示例
Sep 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开启gzip页面压缩实例
2013/06/09 PHP
解析用PHP实现var_export的详细介绍
2013/06/20 PHP
对PHP PDO的一些认识小结
2015/01/23 PHP
使用GDB调试PHP代码,解决PHP代码死循环问题
2015/03/02 PHP
PHP获取二叉树镜像的方法
2018/01/17 PHP
PHP测试框架PHPUnit组织测试操作示例
2018/05/28 PHP
Laravel框架实现定时发布任务的方法
2018/08/16 PHP
laravel框架中间件简单使用方法示例
2020/01/25 PHP
jquery validator 插件增加日期比较方法
2010/02/21 Javascript
关于javascript DOM事件模型的两件事
2010/07/22 Javascript
JavaScript 拾碎[三] 使用className属性
2010/10/16 Javascript
javascript中使用正则计算中文长度的例子
2014/04/29 Javascript
jQuery中hide()方法用法实例
2014/12/24 Javascript
不同编码的页面表单数据乱码问题解决方法
2015/02/15 Javascript
JavaScript对数组进行随机重排的方法
2015/07/22 Javascript
js弹出对话框方式小结
2015/11/17 Javascript
微信小程序实现分享到朋友圈功能
2018/07/19 Javascript
解决vue axios的封装 请求状态的错误提示问题
2018/09/25 Javascript
vue实现拖拽效果
2019/12/23 Javascript
在Python的循环体中使用else语句的方法
2015/03/30 Python
Python中元组,列表,字典的区别
2017/05/21 Python
Python编程之gui程序实现简单文件浏览器代码
2017/12/08 Python
python算法题 链表反转详解
2019/07/02 Python
Python中sorted()排序与字母大小写的问题
2020/01/14 Python
Django rest framework分页接口实现原理解析
2020/08/21 Python
Yahoo-PHP面试题4
2012/05/05 面试题
数控专业推荐信范文
2013/12/02 职场文书
会计顶岗实习心得
2014/01/25 职场文书
五四青年节的活动方案
2014/08/20 职场文书
升学宴演讲稿
2014/09/01 职场文书
学校四风问题对照检查材料思想汇报
2014/09/26 职场文书
工作保证书怎么写
2015/02/28 职场文书
2016优秀大学生个人事迹材料范文
2016/03/01 职场文书
意外事故赔偿协议书
2016/03/22 职场文书
调研报告的主要写法
2019/04/18 职场文书
Python函数中apply、map、applymap的区别
2021/11/27 Python