js判断所有表单项不为空则提交表单的实现方法


Posted in Javascript onSeptember 09, 2016

demo1.html

<html>
  <head>
    <title>提交表单页</title>
    <script type="text/javascript">
      function myCheck()
      {
        for(var i=0;i<document.form1.elements.length-1;i++)
        {
         if(document.form1.elements[i].value=="")
         {
           alert("当前表单不能有空项");
           document.form1.elements[i].focus();
           return false;
         }
        }
        return true;
       
      }
    </script>
  </head>
  <body>
     <form name="form1" method="post" action="page2.html" onSubmit="return myCheck()">
       用户名:<input type="text" name="username"><br>
       性别:<input type="text" name="sex"><br>
       出生时间:<input type="text" name="birthday"><br>
       <input type="submit" value="提交">
     </form>
  </body>
</html>
demo2.html


<script language="Javascript">
<!--
function submit1(frm){
  if (document.frm.word.value=="") {
   alert("请输入搜索新闻内容!");document.frm.word.focus();return false;
}
return true;
} 

//-->
</script>
<form method="POST" action="" name="frm" onsubmit="return submit1(this);">
<select name="select0"> 
<option value="0">请选择一个类别</option>
<option value="1">新闻</option>
<option value="2">产品</option>
<option value="3">留言</option>
</select>
<input type="text" name="word" size="20" class="input" style="height:19px; ">
<input type="radio" name="sea_cat" value="标题">标题 
<input type="radio" name="sea_cat" value="内容">内容
<input type="submit" value="搜" name="B1" class="input1" >

demo3.html

<script type="text/javascript">
function beforeSubmit(form){
if(form.username.value==''){
alert('用户名不能为空!');
form.username.focus();
return false;
}
if(form.password.value==''){
alert('密码不能为空!');
form.password.focus();
return false;
}
if(form.password.value.length<6){
alert('密码至少为6位,请重新输入!');
form.password.focus();
return false;
}
if(form.password.value!=form.password2.value) {
alert('你两次输入的密码不一致,请重新输入!');
form.password2.focus();
return false;
}
return true;
}
</script>

<fieldset>
  <legend>用户注册</legend>
  <form method="post" name="form" action="user.do?method=register" onSubmit="return beforeSubmit(this);">
   <table border="1" width="100%" cellspacing="0" cellpadding="0">
   <tr><td><label>用户名:<input type="text" name="username" value=""></label></td></tr>
   <tr><td><label>密  码:<input type="password" name="password" value=""></label></td></tr>
   <tr><td><label>重复密码:<input type="password" name="password2" value=""></label></td></tr>
   <tr><td><input value="注册" type="submit"> <input type="reset" value="重置"></td></tr>   
   </table>
  </form>
</fieldset>

以上这篇js判断所有表单项不为空则提交表单的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Jquery实现视频播放页面的关灯开灯效果
May 27 Javascript
手机端页面rem宽度自适应脚本
May 20 Javascript
chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式
Oct 09 Javascript
jQuery1.9+中删除了live以后的替代方法
Jun 17 Javascript
javascript中Number的方法小结
Nov 21 Javascript
javascript实现滑动解锁功能
Mar 22 Javascript
Angularjs使用指令做表单校验的方法
Mar 31 Javascript
vue2.0与bootstrap3实现列表分页效果
Nov 28 Javascript
Vue精简版风格概述
Jan 30 Javascript
在 Typescript 中使用可被复用的 Vue Mixin功能
Apr 17 Javascript
微信小程序时间轴实现方法示例
Jan 14 Javascript
JS基于ES6新特性async await进行异步处理操作示例
Feb 02 Javascript
jQuery简单创建节点的方法
Sep 09 #Javascript
javascript 四十条常用技巧大全
Sep 09 #Javascript
前端弹出对话框 js实现ajax交互
Sep 09 #Javascript
Boostrap基础教程之JavaScript插件篇
Sep 08 #Javascript
jQuery实现邮箱下拉列表自动补全功能
Sep 08 #Javascript
JS图片放大效果简单实现代码
Sep 08 #Javascript
Angularjs 实现一个幻灯片示例代码
Sep 08 #Javascript
You might like
制作美丽的拉花
2021/03/03 冲泡冲煮
PHP模板引擎Smarty内建函数详解
2016/04/11 PHP
javascript下阻止表单重复提交、防刷新、防后退
2007/08/17 Javascript
js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
2011/01/08 Javascript
zTree插件之单选下拉菜单实例代码
2013/11/07 Javascript
JavaScript实现简单的二级导航菜单实例
2015/04/15 Javascript
Angular.js 4.x中表单Template-Driven Forms详解
2017/04/25 Javascript
Node调用Java的示例代码
2017/09/20 Javascript
Vue使用vux-ui自定义表单验证遇到的问题及解决方法
2018/05/10 Javascript
vue mounted 调用两次的完美解决办法
2018/10/29 Javascript
小程序实现抽奖动画
2020/04/16 Javascript
vue中实现Monaco Editor自定义提示功能
2019/07/05 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
2019/11/09 Javascript
TypeScript高级用法的知识点汇总
2019/12/17 Javascript
Jquery高级应用Deferred对象原理及使用实例
2020/05/28 jQuery
[02:57]DOTA2亚洲邀请赛小组赛第四日 赛事回顾
2015/02/02 DOTA
python正则表达式判断字符串是否是全部小写示例
2013/12/25 Python
Python中str.format()详解
2017/03/12 Python
Python列表list操作符实例分析【标准类型操作符、切片、连接字符、列表解析、重复操作等】
2017/07/24 Python
深入浅析Python2.x和3.x版本的主要区别
2018/11/30 Python
Python标准库使用OrderedDict类的实例讲解
2019/02/14 Python
python matplotlib画图库学习绘制常用的图
2019/03/19 Python
如何使用Python进行OCR识别图片中的文字
2019/04/01 Python
Python 中list ,set,dict的大规模查找效率对比详解
2019/10/11 Python
通过Python扫描代码关键字并进行预警的实现方法
2020/05/24 Python
python利用appium实现手机APP自动化的示例
2021/01/26 Python
全球航班旅行搜索网站:Cheapflights
2017/05/19 全球购物
英语感恩演讲稿
2014/01/14 职场文书
2014年企业团支部工作总结
2014/12/10 职场文书
英文自荐信范文
2015/03/25 职场文书
文艺部部长竞选稿
2015/11/21 职场文书
求职信:求职应该注意的问题
2019/04/24 职场文书
创业计划书之个人工作室
2019/08/22 职场文书
Promise面试题详解之控制并发
2021/05/14 面试题
【2·13】一图读懂中国无线电发展
2022/02/18 无线电
日本官方排名前10的动漫,名侦探柯南上榜,第一是一部创造历史的动漫
2022/03/18 日漫