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 相关文章推荐
(推荐一个超好的JS函数库)S.Sams Lifexperience ScriptClassLib
Apr 29 Javascript
javascript 命名空间以提高代码重用性
Nov 13 Javascript
JQuery CSS样式控制 学习笔记
Jul 23 Javascript
jQuery 和 CSS 的文本特效插件集锦
Dec 12 Javascript
jQuery中animate动画第二次点击事件没反应
May 07 Javascript
JS+CSS实现另类带提示效果的竖向导航菜单
Oct 15 Javascript
jQuery实现悬浮在右上角的网页客服效果代码
Oct 24 Javascript
Vue input控件通过value绑定动态属性及修饰符的方法
May 03 Javascript
Angular2使用jQuery的方法教程
May 28 jQuery
微信小程序位置授权处理方法
Jun 13 Javascript
JS函数进阶之继承用法实例分析
Jan 15 Javascript
vue实现选中效果
Oct 07 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
自动生成文章摘要的代码[PHP 版本]
2007/03/20 PHP
ThinkPHP模板循环输出Volist标签用法实例详解
2016/03/23 PHP
PHP观察者模式实例分析【对比JS观察者模式】
2019/05/22 PHP
Prototype RegExp对象 学习
2009/07/19 Javascript
jquery实现TAB选项卡鼠标经过带延迟效果的方法
2015/07/27 Javascript
javascript下拉列表菜单的实现方法
2015/11/18 Javascript
Bootstrap的Refresh Icon也spin起来
2016/07/13 Javascript
深入分析javascript中的错误处理机制
2016/07/17 Javascript
微信公众号 客服接口的开发实例详解
2016/09/28 Javascript
不使用script导入js文件的几种方法
2016/10/27 Javascript
json前后端数据交互相关代码
2018/09/19 Javascript
vue.js实现的全选与全不选功能示例【基于elementui】
2018/12/03 Javascript
微信小程序日历组件使用方法详解
2018/12/29 Javascript
vue视图不更新情况详解
2019/05/16 Javascript
vuex根据不同的用户权限展示不同的路由列表功能
2019/09/20 Javascript
layui实现数据表格隐藏列的示例
2019/10/25 Javascript
详解Vue后台管理系统开发日常总结(组件PageHeader)
2019/11/01 Javascript
vue实现鼠标移过出现下拉二级菜单功能
2019/12/12 Javascript
Vue路由 重定向和别名的区别说明
2020/09/09 Javascript
vue二选一tab栏切换新做法实现
2021/01/19 Vue.js
[01:04:32]DOTA2-DPC中国联赛 正赛 Aster vs LBZS BO3 第二场 2月23日
2021/03/11 DOTA
python海龟绘图实例教程
2014/07/24 Python
python实现的简单RPG游戏流程实例
2015/06/28 Python
详解Python编程中基本的数学计算使用
2016/02/04 Python
python3 破解 geetest(极验)的滑块验证码功能
2018/02/24 Python
每天迁移MySQL历史数据到历史库Python脚本
2018/04/13 Python
通过Pandas读取大文件的实例
2018/06/07 Python
pyqt5 实现 下拉菜单 + 打开文件的示例代码
2019/06/20 Python
深入CSS3 动画效果的总结详解
2013/05/09 HTML / CSS
Looking4Parking美国:全球排名第一的机场停车比较品牌
2019/08/26 全球购物
Currentbody美国/加拿大:美容仪专家
2020/03/09 全球购物
应届生煤化工求职信
2013/10/21 职场文书
个人承诺书格式
2014/06/03 职场文书
安全隐患整改报告
2014/11/06 职场文书
学生会辞职信
2015/03/02 职场文书
喜迎建国70周年:有关爱国的名言名句
2019/09/24 职场文书