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获取图片大小的函数代码
Sep 20 Javascript
javascript获取函数名称、函数参数、对象属性名称的代码实例
Apr 12 Javascript
jQuery插件multiScroll实现全屏鼠标滚动切换页面特效
Apr 12 Javascript
js实现仿百度风云榜可重复多次调用的TAB切换选项卡效果
Aug 31 Javascript
javascript函数自动执行常用方法汇总
Mar 28 Javascript
Vue.js实现价格计算器功能
Mar 30 Javascript
AngularJS动态添加数据并删除的实例
Feb 27 Javascript
vue-cli与webpack处理静态资源的方法及webpack打包的坑
May 15 Javascript
layui 监听表格复选框选中值的方法
Aug 15 Javascript
Vue组件系列开发之模态框
Apr 18 Javascript
VSCode Vue开发推荐插件和VSCode快捷键(小结)
Aug 08 Javascript
微信小程序实现modal弹出框遮罩层组件(可带文本框)
Dec 20 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 数组处理函数extract详解及实例代码
2016/11/23 PHP
PHP实现的迪科斯彻(Dijkstra)最短路径算法实例
2017/09/16 PHP
php 调用百度sms来发送短信的实现示例
2018/11/02 PHP
JavaScript 中的事件教程
2007/04/05 Javascript
jquery JSON的解析方式示例介绍
2014/07/27 Javascript
jQuery实现鼠标经过时出现隐藏层文字链接的方法
2015/10/12 Javascript
jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
2015/11/25 Javascript
详解JavaScript的流程控制语句
2015/11/30 Javascript
基于JavaScript获取鼠标位置的各种方法
2015/12/16 Javascript
Bootstrap编写一个兼容主流浏览器的受众巨幕式风格页面
2016/07/01 Javascript
Bootstrap 模态框(Modal)插件代码解析
2016/12/21 Javascript
浅谈nodejs中的类定义和继承的套路
2017/07/26 NodeJs
vue树形结构获取键值的方法示例
2018/06/21 Javascript
vue.js实现插入数值与表达式的方法分析
2018/07/06 Javascript
async/await优雅的错误处理方法总结
2019/01/30 Javascript
微信小程序实现左滑动删除效果
2020/03/30 Javascript
vue实现一个矩形标记区域(rectangle marker)的方法
2020/10/28 Javascript
[01:42]TI4西雅图DOTA2前线报道 第一顿早饭哦
2014/07/08 DOTA
python利用装饰器进行运算的实例分析
2015/08/04 Python
Python排序搜索基本算法之冒泡排序实例分析
2017/12/09 Python
Python基于递归算法实现的汉诺塔与Fibonacci数列示例
2018/04/18 Python
TensorFlow实现checkpoint文件转换为pb文件
2020/02/10 Python
Pycharm和Idea支持的vim插件的方法
2020/02/21 Python
Python 通过正则表达式快速获取电影的下载地址
2020/08/17 Python
搭建pypi私有仓库实现过程详解
2020/11/25 Python
常用的四种CSS透明属性介绍
2014/04/12 HTML / CSS
CAT鞋美国官网:CAT Footwear
2017/11/27 全球购物
艺术用品:Arteza
2018/11/25 全球购物
市场部规章制度
2014/01/24 职场文书
社区学习雷锋活动总结
2014/04/25 职场文书
一分钟演讲稿
2014/04/30 职场文书
法人委托书范本
2014/09/15 职场文书
预备党员期盼十八届四中全会召开思想汇报
2014/10/17 职场文书
2015年教研工作总结
2015/05/23 职场文书
2019新员工试用期转正工作总结范文
2019/08/21 职场文书
vue3获取当前路由地址
2022/02/18 Vue.js