js判断所有表单项不为空则提交表单

2024-06-21 10:38

本文主要是介绍js判断所有表单项不为空则提交表单,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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" οnsubmit="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判断所有表单项不为空则提交表单的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1080993

相关文章

Python一次性将指定版本所有包上传PyPI镜像解决方案

《Python一次性将指定版本所有包上传PyPI镜像解决方案》本文主要介绍了一个安全、完整、可离线部署的解决方案,用于一次性准备指定Python版本的所有包,然后导出到内网环境,感兴趣的小伙伴可以跟随... 目录为什么需要这个方案完整解决方案1. 项目目录结构2. 创建智能下载脚本3. 创建包清单生成脚本4

Three.js构建一个 3D 商品展示空间完整实战项目

《Three.js构建一个3D商品展示空间完整实战项目》Three.js是一个强大的JavaScript库,专用于在Web浏览器中创建3D图形,:本文主要介绍Three.js构建一个3D商品展... 目录引言项目核心技术1. 项目架构与资源组织2. 多模型切换、交互热点绑定3. 移动端适配与帧率优化4. 可

HTTP 与 SpringBoot 参数提交与接收协议方式

《HTTP与SpringBoot参数提交与接收协议方式》HTTP参数提交方式包括URL查询、表单、JSON/XML、路径变量、头部、Cookie、GraphQL、WebSocket和SSE,依据... 目录HTTP 协议支持多种参数提交方式,主要取决于请求方法(Method)和内容类型(Content-Ty

如何通过try-catch判断数据库唯一键字段是否重复

《如何通过try-catch判断数据库唯一键字段是否重复》在MyBatis+MySQL中,通过try-catch捕获唯一约束异常可避免重复数据查询,优点是减少数据库交互、提升并发安全,缺点是异常处理开... 目录1、原理2、怎么理解“异常走的是数据库错误路径,开销比普通逻辑分支稍高”?1. 普通逻辑分支 v

从基础到进阶详解Python条件判断的实用指南

《从基础到进阶详解Python条件判断的实用指南》本文将通过15个实战案例,带你大家掌握条件判断的核心技巧,并从基础语法到高级应用一网打尽,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一... 目录​引言:条件判断为何如此重要一、基础语法:三行代码构建决策系统二、多条件分支:elif的魔法三、

java中pdf模版填充表单踩坑实战记录(itextPdf、openPdf、pdfbox)

《java中pdf模版填充表单踩坑实战记录(itextPdf、openPdf、pdfbox)》:本文主要介绍java中pdf模版填充表单踩坑的相关资料,OpenPDF、iText、PDFBox是三... 目录准备Pdf模版方法1:itextpdf7填充表单(1)加入依赖(2)代码(3)遇到的问题方法2:pd

Go语言中nil判断的注意事项(最新推荐)

《Go语言中nil判断的注意事项(最新推荐)》本文给大家介绍Go语言中nil判断的注意事项,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录1.接口变量的特殊行为2.nil的合法类型3.nil值的实用行为4.自定义类型与nil5.反射判断nil6.函数返回的

SpringBoot+Redis防止接口重复提交问题

《SpringBoot+Redis防止接口重复提交问题》:本文主要介绍SpringBoot+Redis防止接口重复提交问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不... 目录前言实现思路代码示例测试总结前言在项目的使用使用过程中,经常会出现某些操作在短时间内频繁提交。例

Python打印对象所有属性和值的方法小结

《Python打印对象所有属性和值的方法小结》在Python开发过程中,调试代码时经常需要查看对象的当前状态,也就是对象的所有属性和对应的值,然而,Python并没有像PHP的print_r那样直接提... 目录python中打印对象所有属性和值的方法实现步骤1. 使用vars()和pprint()2. 使

Python pip下载包及所有依赖到指定文件夹的步骤说明

《Pythonpip下载包及所有依赖到指定文件夹的步骤说明》为了方便开发和部署,我们常常需要将Python项目所依赖的第三方包导出到本地文件夹中,:本文主要介绍Pythonpip下载包及所有依... 目录步骤说明命令格式示例参数说明离线安装方法注意事项总结要使用pip下载包及其所有依赖到指定文件夹,请按照以