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 相关文章推荐
IE浏览器打印的页眉页脚设置解决方法
Dec 08 Javascript
微博@符号的用户名提示效果。(想@到谁?)
Nov 05 Javascript
js call方法详细介绍(js 的继承)
Nov 18 Javascript
javascript中HTMLDOM操作详解
Dec 11 Javascript
深入理解JavaScript系列(37):设计模式之享元模式详解
Mar 04 Javascript
JavaScript实现简单的二级导航菜单实例
Apr 15 Javascript
jQuery入门基础知识学习指南
Aug 14 Javascript
jQuery实现的跨容器无缝拖动效果代码
Jun 21 Javascript
Vue2.0中集成UEditor富文本编辑器的方法
Mar 03 Javascript
了解重排与重绘
May 29 Javascript
微信JS-SDK实现微信会员卡功能(给用户微信卡包里发送会员卡)
Jul 25 Javascript
Vue前端判断数据对象是否为空的实例
Sep 02 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
ThinkPHP关于session的操作方法汇总
2014/07/18 PHP
thinkphp3.2实现在线留言提交验证码功能
2017/07/19 PHP
一个加密JavaScript的开源工具PACKER2.0.2
2006/11/04 Javascript
用js实现的自定义的对话框的实现代码
2010/03/21 Javascript
JS控件ASP.NET的treeview控件全选或者取消(示例代码)
2013/12/16 Javascript
制作jquery遮罩层效果导航菜单代码分享
2013/12/25 Javascript
纯js写的分页表格数据为json串
2014/02/18 Javascript
自定义jquery模态窗口插件无法在顶层窗口显示问题
2014/05/29 Javascript
jquery移动点击的项目到列表最顶端的方法
2015/06/24 Javascript
jQuery实现图片上传和裁剪插件Croppie
2015/11/29 Javascript
BootStrap使用popover插件实现鼠标经过显示并保持显示框
2016/06/23 Javascript
Bootstrap实现弹性搜索框
2016/07/11 Javascript
jQuery中JSONP的两种实现方式详解
2016/09/26 Javascript
从零学习node.js之简易的网络爬虫(四)
2017/02/22 Javascript
bootstrap3 dialog 更强大、更灵活的模态框
2017/04/20 Javascript
js中值引用和地址引用实例分析
2019/06/21 Javascript
Ant Design Vue 添加区分中英文的长度校验功能
2020/01/21 Javascript
Python中文件操作简明介绍
2015/04/13 Python
在Django的视图中使用form对象的方法
2015/07/18 Python
python爬虫入门教程--优雅的HTTP库requests(二)
2017/05/25 Python
用python的requests第三方模块抓取王者荣耀所有英雄的皮肤实例
2017/12/14 Python
python实现函数极小值
2019/07/10 Python
python logging日志模块原理及操作解析
2019/10/12 Python
Python 实现向word(docx)中输出
2020/02/13 Python
解决pyqt5异常退出无提示信息的问题
2020/04/08 Python
基于python实现破解滑动验证码过程解析
2020/05/28 Python
什么是python的必选参数
2020/06/21 Python
Betsey Johnson官网:妖娆可爱的连衣裙及鞋子、手袋和配件
2016/12/30 全球购物
迪卡侬(Decathlon)加拿大官网:源自法国的运动专业超市
2020/11/22 全球购物
个人找工作求职简历的自我评价
2013/10/20 职场文书
餐饮业创业计划书范文
2014/01/06 职场文书
大学生活动策划方案
2014/02/10 职场文书
公安机关党的群众路线教育实践活动剖析材料
2014/10/10 职场文书
老公写给老婆的检讨书
2015/05/06 职场文书
离婚起诉书范文2015
2015/05/19 职场文书
亲情作文之母爱
2019/09/25 职场文书