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如何实现在加载完iframe的内容后再进行操作
Sep 10 Javascript
三种方式获取XMLHttpRequest对象
Apr 21 Javascript
JQuery中DOM加载与事件执行实例分析
Jun 13 Javascript
jQuery支持添加事件的日历特效代码分享(3种样式)
Aug 24 Javascript
老生常谈 js中this的指向
Jun 30 Javascript
angularjs ui-router中路由的二级嵌套
Mar 10 Javascript
编写React组件项目实践分析
Mar 04 Javascript
详解vue.js移动端配置flexible.js及注意事项
Apr 10 Javascript
Node.js实现一个HTTP服务器的方法示例
May 13 Javascript
vue使用高德地图根据坐标定位点的实现代码
Aug 22 Javascript
vuex存储token示例
Nov 11 Javascript
如何基于jQuery实现五角星评分
Sep 02 jQuery
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 IP转换整形(ip2long)的详解
2013/06/06 PHP
jquery ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)
2010/04/01 Javascript
利用javaScript实现点击输入框弹出窗体选择信息
2013/12/11 Javascript
js的alert样式如何更改如背景颜色
2014/01/22 Javascript
javascript动态向网页中添加表格实现代码
2014/02/19 Javascript
让JavaScript中setTimeout支持链式操作的方法
2015/06/19 Javascript
javascript自动切换焦点控制效果完整实例
2016/02/02 Javascript
node.js 中国天气预报 简单实现
2016/06/06 Javascript
js检查是否关闭浏览器的方法
2016/08/02 Javascript
详解React Native开源时间日期选择器组件(react-native-datetime)
2017/09/13 Javascript
详解Vue路由钩子及应用场景(小结)
2017/11/07 Javascript
React中使用UEditor百度富文本的方法
2018/08/22 Javascript
如何解决vue2.0下IE浏览器白屏问题
2018/09/13 Javascript
小程序页面动态配置实现方法
2019/02/05 Javascript
使用vue重构资讯页面的实例代码解析
2019/11/26 Javascript
js表达式与运算符简单操作示例
2020/02/15 Javascript
vue-cli4.0多环境配置变量与模式详解
2020/12/30 Vue.js
[20:21]《一刀刀一天》第十六期:TI国际邀请赛正式打响,总奖金超过550万
2014/05/23 DOTA
[35:55]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第一场 12.11
2020/12/13 DOTA
python复制与引用用法分析
2015/04/08 Python
Python的Flask框架的简介和安装方法
2015/11/13 Python
Django进阶之CSRF的解决
2018/08/01 Python
python Scrapy爬虫框架的使用
2021/01/21 Python
床上用品全球在线购物:BeddingInn
2016/12/18 全球购物
爱尔兰旅游网站:ebookers.ie
2020/01/24 全球购物
自主招生自荐书
2013/11/29 职场文书
青年文明号口号
2014/06/17 职场文书
我爱祖国演讲稿
2014/09/02 职场文书
民主生活会剖析材料
2014/09/30 职场文书
党员先进事迹材料
2014/12/19 职场文书
银行给客户的感谢信
2015/01/23 职场文书
民间借贷纠纷案件代理词
2015/05/26 职场文书
立秋之描写立秋的作文(五年级)
2019/08/08 职场文书
Python手拉手教你爬取贝壳房源数据的实战教程
2021/05/21 Python
浅谈MySQL next-key lock 加锁范围
2021/06/07 MySQL
详解Mysq MVCC多版本的并发控制
2022/04/29 MySQL