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 相关文章推荐
原型方法的不同写法居然会影响调试的解决方法
Mar 08 Javascript
学习jquery之一
Apr 27 Javascript
JQuery之拖拽插件实现代码
Apr 14 Javascript
『JavaScript』限制Input只能输入数字实现思路及代码
Apr 22 Javascript
JQuery判断radio是否选中并获取选中值的示例代码
Oct 17 Javascript
js兼容火狐获取图片宽和高的方法
May 21 Javascript
JavaScript实现的select点菜功能示例
Jan 16 Javascript
Angular.JS去掉访问路径URL中的#号详解
Mar 30 Javascript
在使用JSON格式处理数据时应该注意的问题小结
May 20 Javascript
Node.js中,在cmd界面,进入退出Node.js运行环境的方法
May 12 Javascript
JS动画实现回调地狱promise的实例代码详解
Nov 08 Javascript
vue项目实现图片上传功能
Dec 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
PHP安装全攻略:APACHE
2006/10/09 PHP
PHP实现将视频转成MP4并获取视频预览图的方法
2015/03/12 PHP
PHP实现对二维数组某个键排序的方法
2016/09/14 PHP
PHP yii实现model添加默认值的方法(两种方法)
2016/11/10 PHP
PHP静态方法和静态属性及常量属性的区别与介绍
2019/03/22 PHP
第一个JavaScript入门基础 document.write输出
2010/02/22 Javascript
jQuery插件StickUp实现网页导航置顶
2015/04/12 Javascript
javascript中判断json的方法总结
2015/08/27 Javascript
Easyui form combobox省市区三级联动
2016/01/13 Javascript
jquery zTree异步加载、模糊搜索简单实例分享
2016/03/24 Javascript
总结在前端排序中遇到的问题
2016/07/19 Javascript
JS使用栈判断给定字符串是否是回文算法示例
2019/03/04 Javascript
js找出5个数中最大的一个数和倒数第二大的数实现方法示例小结
2020/03/04 Javascript
react结合bootstrap实现评论功能
2020/05/30 Javascript
python基础教程之对象和类的实际运用
2014/08/29 Python
Python实现计算最小编辑距离
2016/03/17 Python
Python中表达式x += y和x = x+y 的区别详解
2017/06/20 Python
解决seaborn在pycharm中绘图不出图的问题
2018/05/24 Python
python实现读取excel文件中所有sheet操作示例
2019/08/09 Python
Python 脚本实现淘宝准点秒杀功能
2019/11/13 Python
Python脚本去除文件的只读性操作
2020/03/05 Python
使用Pycharm在运行过程中,查看每个变量的操作(show variables)
2020/06/08 Python
html5开发之viewport使用
2013/10/17 HTML / CSS
为智能设备设计个性化保护套网站:caseable
2017/01/05 全球购物
墨尔本照明批发商店:Mica Lighting
2017/12/28 全球购物
英国建筑用品在线:Building Supplies Online(BSO)
2018/04/30 全球购物
英国玛莎百货新西兰:Marks & Spencer New Zealand
2019/07/21 全球购物
求∏的近似值,直到最后一项的绝对值小于指定的数
2016/02/12 面试题
企业消防安全制度
2014/02/02 职场文书
个人简历自我评价范文
2014/02/04 职场文书
中文教师求职信
2014/02/22 职场文书
2014高考励志标语
2014/06/05 职场文书
倡议书格式
2014/08/30 职场文书
2014幼儿园家长工作总结
2014/11/10 职场文书
2015年车间安全管理工作总结
2015/05/13 职场文书
vue实现拖拽交换位置
2022/04/07 Vue.js