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 Ajax之load()方法
Oct 12 Javascript
jQuery 锚点跳转滚动条平滑滚动一句话代码
Apr 30 Javascript
向当前style sheet中插入一个新的style实现方法
Apr 01 Javascript
javascript自动改变文字大小和颜色的效果的小例子
Aug 02 Javascript
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
Nov 24 Javascript
常用的JQuery函数及功能小结
Mar 24 Javascript
JavaScript函数中关于valueOf和toString的理解
Jun 14 Javascript
jQuery1.9+中删除了live以后的替代方法
Jun 17 Javascript
移动端 一个简单易懂的弹出框
Jul 06 Javascript
jQuery实现表格元素动态创建功能
Jan 09 Javascript
vue组件实现进度条效果
Jun 06 Javascript
使用layui+ajax实现简单的菜单权限管理及排序的方法
Sep 10 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
ASP和PHP实现生成网站快捷方式并下载到桌面的方法
2014/05/08 PHP
PHP与MYSQL中UTF8编码的中文排序实例
2014/10/21 PHP
举例详解PHP脚本的测试方法
2015/08/05 PHP
[原创]PHP实现逐行删除文件右侧空格的方法
2015/12/25 PHP
PHP身份证校验码计算方法
2016/08/10 PHP
javascript比较文档位置
2008/04/08 Javascript
JS自动缩小超出大小的图片
2012/10/12 Javascript
Javascript遍历Html Table示例(包括内容和属性值)
2014/07/08 Javascript
浅谈javascript获取元素transform参数
2015/07/24 Javascript
jquery实现树形菜单完整代码
2015/12/29 Javascript
jQuery自动完成插件completer附源码下载
2016/01/04 Javascript
jquery radio的取值_radio的选中_radio的重置方法
2016/09/20 Javascript
jquery文字填写自动高度的实现方法
2016/11/07 Javascript
快速实现JS图片懒加载(可视区域加载)示例代码
2017/01/04 Javascript
前端开发必知的15个jQuery小技巧
2017/01/22 Javascript
js鼠标跟随运动效果
2017/03/11 Javascript
python连接mysql调用存储过程示例
2014/03/05 Python
Python解析网页源代码中的115网盘链接实例
2014/09/30 Python
深入理解 Python 中的多线程 新手必看
2016/11/20 Python
基于Django filter中用contains和icontains的区别(详解)
2017/12/12 Python
Python简单生成随机数的方法示例
2018/03/31 Python
python接口自动化(十六)--参数关联接口后传(详解)
2019/04/16 Python
Python实现病毒仿真器的方法示例(附demo)
2020/02/19 Python
python实现低通滤波器代码
2020/02/26 Python
Python 日期与时间转换的方法
2020/08/01 Python
python 装饰器的使用示例
2020/10/10 Python
Python plt 利用subplot 实现在一张画布同时画多张图
2021/02/26 Python
The Hut德国站点:时装、家居用品、美容等
2016/09/23 全球购物
美国隐形眼镜网上商店:Lens.com
2019/09/03 全球购物
夜大毕业生自我鉴定
2013/10/31 职场文书
劳动工资科岗位职责范本
2014/03/02 职场文书
仓库管理员岗位职责
2014/03/19 职场文书
劳模先进事迹材料
2014/12/24 职场文书
2015年银行客户经理工作总结
2015/04/01 职场文书
Golang bufio详细讲解
2022/04/21 Golang
Python first-order-model实现让照片动起来
2022/06/25 Python