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打开新窗口同时关闭旧窗口
Jan 16 Javascript
JS动态添加与删除select中的Option对象(示例代码)
Dec 25 Javascript
js二维数组定义和初始化的三种方法总结
Mar 03 Javascript
jQuery实现响应鼠标背景变化的动态菜单效果代码
Aug 27 Javascript
分享12个实用的jQuery代码片段
Mar 09 Javascript
GitHub上一些实用的JavaScript的文件压缩解压缩库推荐
Mar 13 Javascript
node.js 中国天气预报 简单实现
Jun 06 Javascript
JS验证不重复验证码
Feb 10 Javascript
jquery ztree实现右键收藏功能
Nov 20 jQuery
如何在微信小程序里面退出小程序的方法
Apr 28 Javascript
vue使用require.context实现动态注册路由
Dec 25 Vue.js
JS前端监控采集用户行为的N种姿势
Jul 23 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
模仿OSO的论坛(五)
2006/10/09 PHP
PHP生成HTML静态页面实例代码
2008/08/31 PHP
phpmyadmin显示utf8_general_ci中文乱码的问题终级篇
2013/04/08 PHP
php中mysql连接方式PDO使用详解
2015/02/25 PHP
php实现用手机关闭计算机(电脑)的方法
2015/04/22 PHP
WordPress中访客登陆实现邮件提醒的PHP脚本实例分享
2015/12/14 PHP
php有效防止图片盗用、盗链的两种方法
2016/11/01 PHP
Prototype Function对象 学习
2009/07/12 Javascript
精心挑选的15个jQuery下拉菜单制作教程
2012/06/15 Javascript
JavaScript高级程序设计(第3版)学习笔记6 初识js对象
2012/10/11 Javascript
jQuery中html()方法用法实例
2014/12/25 Javascript
jquery实现表单验证简单实例演示
2015/11/23 Javascript
基于JavaScript实现通用tab选项卡(通用性强)
2016/01/07 Javascript
全面解析Bootstrap中transition、affix的使用方法
2016/05/30 Javascript
Js删除数组中某一项或几项的几种方法(推荐)
2016/07/27 Javascript
Bootstrap CSS组件之分页(pagination)和翻页(pager)
2016/12/17 Javascript
Bootstrap DateTime Picker日历控件简单应用
2017/03/25 Javascript
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
2018/08/05 Javascript
Vue框架里使用Swiper的方法示例
2018/09/20 Javascript
jQuery实时统计输入框字数及限制
2020/06/24 jQuery
在vue中created、mounted等方法使用小结
2020/07/21 Javascript
[01:36:57]【09DOTA2第一视角】小骷髅
2014/04/16 DOTA
[16:19]教你分分钟做大人——风暴之灵
2015/03/11 DOTA
[01:32]DOTA2上海特锦赛现场采访:最想COS的英雄
2016/03/25 DOTA
python返回昨天日期的方法
2015/05/13 Python
浅谈django中的认证与登录
2016/10/31 Python
python数字图像处理之骨架提取与分水岭算法
2018/04/27 Python
python Web开发你要理解的WSGI &amp; uwsgi详解
2018/08/01 Python
深入理解Python中的 __new__ 和 __init__及区别介绍
2018/09/17 Python
python pygame模块编写飞机大战
2018/11/20 Python
python爬虫爬取微博评论案例详解
2019/03/27 Python
Pandas之Fillna填充缺失数据的方法
2019/06/25 Python
集体婚礼证婚词
2014/01/13 职场文书
财务检查整改报告
2014/11/06 职场文书
2014年药房工作总结
2014/11/22 职场文书
请客吃饭开场白
2015/06/01 职场文书