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 input textare 事件绑定及用法学习
Apr 03 Javascript
Jquery右下角抖动、浮动 实例代码(兼容ie6、FF)
Aug 15 Javascript
使用jquery prev()方法找到同级的前一个元素
Jul 11 Javascript
js获取域名的方法
Jan 27 Javascript
关于数据与后端进行交流匹配(点亮星星)
Aug 03 Javascript
LayUI表格批量删除方法
Aug 15 Javascript
Angular.JS读取数据库数据调用完整实例
Jul 02 Javascript
vue+elementUI实现图片上传功能
Aug 20 Javascript
微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案(cover-view不兼容)
Nov 01 Javascript
Vuex实现数据共享的方法
Dec 20 Javascript
vue data变量相互赋值后被实时同步的解决步骤
Aug 05 Javascript
vue整合百度地图显示指定地点信息
Apr 06 Vue.js
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
经典的PHPer为什么被认为是草根?
2007/04/02 PHP
PHP 冒泡排序算法的实现代码
2010/08/08 PHP
PHP中执行MYSQL事务解决数据写入不完整等情况
2014/01/07 PHP
浅谈thinkphp的实例化模型
2015/01/04 PHP
laravel5.2实现区分前后台用户登录的方法
2017/01/11 PHP
THINKPHP在添加数据的时候获取主键id的值方法
2017/04/03 PHP
javascript题目,重写函数让其无限相加
2012/02/15 Javascript
javascript的console.log()用法小结
2012/05/31 Javascript
关于innerHTML后丢失动态绑定的EVENT问题解决方法
2013/05/19 Javascript
有效提高JavaScript执行效率的几点知识
2015/01/31 Javascript
轻松搞定js表单验证
2016/10/13 Javascript
JavaScript+HTML5实现的日期比较功能示例
2017/07/12 Javascript
node前端开发模板引擎Jade的入门
2018/05/11 Javascript
Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法
2018/08/08 Javascript
JS函数内部属性之arguments和this实例解析
2018/10/07 Javascript
浅谈Vue页面级缓存解决方案feb-alive(上)
2019/04/14 Javascript
利用原生JavaScript实现造日历轮子实例代码
2019/05/08 Javascript
JS中循环遍历数组的四种方式总结
2021/01/23 Javascript
[53:13]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS LGD-GAMING
2014/05/22 DOTA
[08:53]DOTA2每周TOP10 精彩击杀集锦vol.9
2014/06/26 DOTA
浅谈python中scipy.misc.logsumexp函数的运用场景
2016/06/23 Python
Python DataFrame.groupby()聚合函数,分组级运算
2018/09/18 Python
将string类型的数据类型转换为spark rdd时报错的解决方法
2019/02/18 Python
使用django的ORM框架按月统计近一年内的数据方法
2019/07/18 Python
CSS3按钮鼠标悬浮实现光圈效果源码
2016/09/11 HTML / CSS
泰国折扣酒店预订:Hotels2Thailand
2018/03/20 全球购物
请解释virtual关键字的含义
2015/06/17 面试题
最新党员的自我评价分享
2013/11/04 职场文书
执行力心得体会
2013/12/31 职场文书
端午节粽子促销活动方案
2014/02/02 职场文书
违纪检讨书2000字
2014/02/08 职场文书
高中教师评语大全
2014/04/25 职场文书
相亲活动方案
2014/08/26 职场文书
导游词开场白
2015/01/31 职场文书
Python 的演示平台支持 WSGI 接口的应用
2022/04/20 Python
win10如何更改appdata文件夹的默认位置?
2022/07/15 数码科技