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 相关文章推荐
extjs 学习笔记(二) Ext.Element类
Oct 13 Javascript
一些主流JS框架中DOMReady事件的实现小结
Feb 12 Javascript
用JQuery实现表格隔行变色和突出显示当前行的代码
Feb 10 Javascript
用JavaScript实现类似于ListBox功能示例代码
Mar 09 Javascript
javascript中attribute和property的区别详解
Jun 05 Javascript
jQuery跨域问题解决方案
Aug 03 Javascript
10个很棒的jQuery代码片段
Sep 24 Javascript
Ajax+FormData+javascript实现无刷新表单信息提交
Oct 24 Javascript
jQuery.Validate表单验证插件的使用示例详解
Jan 04 Javascript
layui select获取自定义属性方法
Aug 15 Javascript
Angular脚手架开发的实现步骤
Apr 09 Javascript
javascript实现简单页面倒计时
Mar 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
php中get_headers函数的作用及用法的详细介绍
2013/04/27 PHP
基于empty函数的输出详解
2013/06/17 PHP
php根据isbn书号查询amazon网站上的图书信息的示例
2014/02/13 PHP
PHP Post获取不到非表单数据的问题解决办法
2018/02/27 PHP
javascript 打印页面代码
2009/03/24 Javascript
javascript Array.prototype.slice的使用示例
2013/11/14 Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
2014/05/20 Javascript
javascript等号运算符使用详解
2015/04/16 Javascript
基于jquery实现复选框全选,反选,全不选等功能
2015/10/16 Javascript
基于javascript实现九宫格大转盘效果
2020/05/28 Javascript
基于jquery实现即时检查格式是否正确的表单
2016/05/06 Javascript
jQuery实现可展开折叠的导航效果示例
2016/09/12 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(上)
2017/04/21 Javascript
React学习笔记之条件渲染(一)
2017/07/02 Javascript
浅谈JS函数节流防抖
2017/10/18 Javascript
如何选择适合你的JavaScript框架
2017/11/20 Javascript
Angular4集成ng2-file-upload的上传组件
2018/03/14 Javascript
nodejs前端模板引擎swig入门详解
2018/05/15 NodeJs
详解在vue-test-utils中mock全局对象
2018/11/07 Javascript
Vue+iview+webpack ie浏览器兼容简单处理
2019/09/20 Javascript
解决vant-UI库修改样式无效的问题
2020/11/03 Javascript
Python中的异常处理相关语句基础学习笔记
2016/07/11 Python
pandas dataframe的合并实现(append, merge, concat)
2019/06/24 Python
keras实现VGG16 CIFAR10数据集方式
2020/07/07 Python
什么是数据抽象
2016/11/26 面试题
建筑实习自我鉴定
2013/10/18 职场文书
护理毕业生自荐信范文
2013/12/22 职场文书
好军嫂事迹材料
2014/01/15 职场文书
理财计划书
2014/08/14 职场文书
社区四风存在问题及整改措施
2014/10/26 职场文书
检讨书大全
2015/01/27 职场文书
2015年终个人政治思想工作总结
2015/11/24 职场文书
小学生作文写作技巧100例,非常实用!
2019/07/08 职场文书
php随机生成验证码,php随机生成数字,php随机生成数字加字母!
2021/04/01 PHP
Python万能模板案例之matplotlib绘制直方图的基本配置
2022/04/13 Python
MyBatis核心源码深度剖析SQL语句执行过程
2022/05/20 Java/Android