JS验证通过之后才提交表单

表单提交常用的验证 提交表单常用的验证 readOnly:字段是否只读,默认为false maxLength:字段允许输入的最大长度 minLength:字段允许输入的最小长度 vtype:验证类型的名字 alpha:限制只能输入字母 alphanum:限制只能输入字母和数字 email:验证email格式 url:验证url格式 editable:下拉框是否可编辑,默认为true disabled:控件是否可用,默认为false regex:正则表达式 匹配特定数字: ^[1-9]\d*$    //匹配正整数 ^-[1-9]\d*$   //匹配负整数 ^-?[1-9]\d*$   //匹配整数 ^[1-9]\d* ¦0$  //匹配非负整数(正整数 + 0) ^-[1-9]\d* ¦0$   //匹配非正整数(负整数 + 0) ^[1-9]\d*\.\d* ¦0\.\d*[1-9]\d*$   //匹配正浮点数 ^-([1-9]\d*\.\d* ¦0\.\d*[1-9]\d*)$  //匹配负浮点数 ^-?([1-9]\d*\.\d* ¦0\.\d*[1-9]\d* ¦0?\.0+ ¦0)$  //匹配浮点数 匹配特定字符串: ^[A-Za-z]+$  //匹配由26个英文字母组成的字符串 ^[A-Z]+$  //匹配由26个英文字母的大写组成的字符串 ^[a-z]+$  //匹配由26个英文字母的小写组成的字符串 ^[A-Za-z0-9]+$  //匹配由数字和26个英文字母组成的字符串 ^\w+$  //匹配由数字、26个英文字母或者下划线组成的字符串 常用验证: /n[/s|]*/r //匹配空行的正则表达式 匹配空行的正则表达式\d{15} ¦\d{18} //身份证验证 15或18位 [1-9]\d{5}(?!\d) //邮政编码 6位 ^[a-zA-z]+://[^\s]*  //url [\u4e00-\u9fa5] //匹配中文字符 ^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$    //email地址 \d{3}-\d{8} ¦\d{4}-\d{7} //电话号码验证,如:0511-4405222 或 021-87888822 立即下载

JS代码:

<script type="text/javascript">
		 function reg()
		 {
			var v1 = document.getElementById('consumerName').value;
			var s = document.getElementById('sex');
			var v3 = document.getElementById('consumerPasswd').value;
			var v4 = document.getElementById('consumerPasswd2').value;
			var v5 = document.getElementById('consumerTel').value;
			var resualt=false; 
			if(v1.length==0)
		  	{
		   		alert("请输入昵称");
		   		return false;
		  	}
			 for(var i=0;i<document.toReg.sex.length;i++)  
			 {  
			 	if(document.toReg.sex[i].checked)  
			   	{  
			    	resualt=true;  
			    }  
			 }  
			 if(!resualt)  
			 {  
			   alert("请选择性别"); 
			   return false;
			 }  
			  	
		 	if(v3.length==0){
		 		alert ("请输入密码");
		 		return false;
		 	}
		 	if(v4.length==0){
		 		alert ("请再次输入密码");
		 		return false;
		 	}
		 	if(v5.length==0){
		 		alert ("请输入您的手机号码");
		 		return false;
		 	}
		 	if(!(v3==v4)){
		 		alert ("两次输入的密码不一致");
		 		return false;
		 	}
		 	if(!(document.getElementById("cbxNotice").checked))
		 	{    
		 		alert("请先阅读服务条款!");
		 		return false;
		 	}
		 	document.getElementById("toReg").submit();
		 }
	</script>

HTML代码:

<input type="button" value="马上注册" onclick="return reg()" />


jQuery表单验证插件-输入email地址正确才显示提交 这是一款jQuery表单验证插件,这个demo中只展示email的效果,只有当用户输入正确的email地址时,提交按钮才显示出来,十分实用。 立即下载

相关推荐

JQuery实现表单完全验证通过后提交表单(包括手机验证,邮编验证)

很多时候我们在提交表单时都需要对提交的数据进行校验,例如:用户名是否为空,手机格式是否正确...,如果有一项或多项验证不通过,就会给出提示,并不允许表单提交。本人还是初级王,代码写的水平不高,但是还是能实现功能的。

dreamweaver将限制条件全部检测通过后才能提交表单

dreamweaver将限制条件全部检测通过后才能提交表单 在设置条限制件时,写完一大堆if后边最后加一个else时在浏览器检查报错else,并且按提交按钮无变化 if(objname.value.length>5) alert("名称长度大于5"); if(obj1.value != obj2.value) alert("两次输入的密码不一致!"); return false; else alert("您的名称是:" + objname.value + "您

dw将限制条件全部检测通过后才能提交表单 524

Clang Static Analyzer 使用教程:本地 + CMake + GitHub Actions 自动静态分析实战

本文介绍了ClangStaticAnalyzer静态代码分析工具的使用方法。该工具基于Clang/LLVM,可检测C/C++代码中的内存泄漏、空指针等常见错误。主要内容包括:安装指南(Ubuntu/macOS/Windows)、命令行使用方法、CMake项目集成方案、GitHub Actions自动化分析配置,以及HTML报告生成与查看。文章还提供了官方资源链接,帮助开发者系统掌握从本地调试到持续集成的完整静态分析工作流,提升代码质量保障能力。适用于需要在开发过程中实施静态分析的C/C++项目。

u014358031的博客 2158

网页中如何在JS的判断后,再提交表单

转载自:https://www.cnblogs.com/c10udsai/p/3232254.html 在网页的设计中,form表单作为主要的传值方式之一,被广泛的应用。但是在提交之前,我们往往都想是先做一些判断,但是根据需要的不同,判断有多种方法,根据本人经验在此列举三种,希望对大家有帮助。 第一种:对form的action进行判断 众所周知,action为表单提交的URL,如果在此处判断,写法...

qq_41991321的博客 854

最新版IAR9.40和注册工具

IAR最新版的IDE在编译速度和代码提示等各个方面上都有很大提升,软件这个东西果然还是越新越好。之前的时候,IAR v9系列网上很多人都说能用,但是又没有把 IAR v9系列的注册方法写的很清楚,导致我一直都用注册老版本v8的方法去注册v9。结果注册后都会提示。

xue_nuo的博客 4万+

【软考高级架构设计师】——2025年上半年软考真题(回忆版)

a)异构计算和算法优化b)资源抽象和容器控制c)安全和隔离(大致是这个意思)

小志的博客 4830

form表单的两种提交方式,submit和button的用法

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_34121282的博客 523

C#教程

C# 教程 C# 是一个简单的、现代的、通用的、面向对象的编程语言,它是由微软(Microsoft)开发的。 本教程将告诉您基础的 C# 编程,同时将向您讲解 C# 编程语言相关的各种先进理念。 现在开始学习 C#! C# 在线工具 谁适合阅读本教程? 本教程有助于初学者理解基础的 C# 编程。在学习完本教程后,您将到达一个中级的 C# 编程水平。

zm1_1zm 1万+

js控制页面显示和表单提交

早期的web页面在显示方面一般在后台进行控制,虽然对后台开发来讲是比较容易做到的,但是涉及到一个问题,那就是数据库压力。 因为要控制显示,所以会比较频繁的从数据库中来回调用。 现在的js功能越来越强,且开发越来越方便,那么很多页面显示可以转交给js来进行控制,方法其实比较简单,就是控制显示和隐藏而已。 实现方法如下 筛选: <a class="ch-btn-ski...

weixin_33913377的博客 172

电商数据分析19——数据分析在电商平台价格弹性研究中的应用

价格弹性是一个衡量产品价格变化对销量影响的经济学指标,对于电商平台而言,深入理解和有效运用价格弹性,对于制定竞争策略、优化产品定价具有重要意义。随着大数据时代的到来,通过数据分析研究产品的价格弹性,成为了电商企业制定价格策略、调整市场定位、优化促销活动的重要依据。

theskylife的博客 2836

基于Python的网络拓扑图绘制

最近写论文画了许多图,在这里记录一些。当然,如果仅仅是展示性图片的话也可以使用visio,但是这里我仍然想探究一下如何使用pyhon画出美观的网络拓扑图。(1)根据邻接矩阵画出网络拓扑图(2)画出网络拓扑图,并对节点和链路进行表示,包括对节点和链路的标号,颜色区分,以及尺寸区分。

m0_53961910的博客 7095

js 滑动滚动条到最后阅读完毕才可提交

文章目录js DOM操作CSS样式知识点要求实现代码实现效果 js DOM操作CSS样式 知识点 要求 必须滑动滚动条,滑动到最后阅读完毕才能提交 当垂直滚动条滚动到底时使表单项可用 实现代码 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <title>js</title> <style type='text/css'> #

FemaleHacker的博客 829

【教程4>第10章>第13节】基于FPGA的图像双边滤波开发——单通道双边滤波Verilog实现

本文介绍了基于Vivado 2022.2的单通道高斯滤波FPGA实现方案。主要内容包括:1)采用3×3窗口像素提取、高斯权值计算、exp指数运算等模块构建双边滤波系统;2)详细分析了Verilog HDL实现的顶层设计文件,包含窗口数据生成、指数计算、混合权重、归一化处理等关键模块;3)展示了图像双边滤波器的RTL结构图。该设计为后续实现RGB三通道图像高斯滤波及MATLAB联合仿真奠定了基础。

FPGA/MATLAB学习教程/源码/项目合作开发 263

js验证表单大全,用JS控制表单提交 ,javascript提交表单:

关键字:js验证表单大全,用JS控制表单提交 ,javascript提交表单:目录:1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字3:js判断是否输入英文、只能输入英文4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字5:只能输入英文字符和数字6: js email验证

zhaol520的专栏 2859

华为OD机试2025C卷 - 字符串解密 (C++ & Python & JAVA & JS & GO)

华为OD机试 2025C卷 字符串解密,提供Java、C++、Python、Go、JavaScript源码实现,并提供完整思路讲解

qq_45776114的博客 976

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件,这是C++版本的破解文件

Javascript实现表单的验证与提交

Javascript实现表单的验证与提交 // Html部分 <div class="after-sales-body"> <div class="about-section"> <div class="about-title"> <h2 class="cn">在线留言&l...

冷色调的夏天的博客 1万+

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

form表单经js验证失败后继续提交

form 表单 <form id = "form"> <input type = "text" id="text"> <input type = "submit"> </form> js验证 . . . 验证失败后继续提交 解决方法: 利用js进行提交 form表单 <form id = "form"> <input type =...

weixin_43722273的博客 575

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

js验证表单大全,用JS控制表单提交 ,javascript提交表单,表单提交 所有js判断

目录:1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字3:js判断是否输入英文、只能输入英文4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字5:只能输入英文字符和数字6: js email验证 、js 判断email 、信箱/邮箱格式验证7:js字符过滤,屏蔽关键字8:

小老鼠(Alex) 1172

javascript 表单提交和验证的方法

一、使用submit按钮,结合onsubmit事件实现 点击提交表单的时候,触发onsubmit的事件,这个事件会调用checkForm函数,该函数用于判断用户名是否为空 当我们点击提交表单时,将会触发onsubmit事件 onsubmit里是return checkForm,即调用checkForm函数 该函数用于判断用户名是否为空 对于onsubmit,如果return的是false...

Code for Coffee 6141

js验证表单大全,用JS控制表单提交 ,javascript提交表单

 1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字3:js判断是否输入英文、只能输入英文4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字5:只能输入英文字符和数字6: js email验证 、js 判断email 、信箱/邮箱格式验证7:js字符过滤,屏蔽关键字8:js

wdpc2009的专栏 522

js表单提交的各种验证

demo1.html <html> <head> <title>提交表单页</title> <script type="text/javascript"> function myCheck() { for(var i=0;...

weixin_42232623的博客 2454

JavaScript:表单提交、必填验证与文件上传

在网页开发领域,表单是实现用户与网站交互的重要桥梁,从用户注册登录到信息反馈,从数据录入到文件上传,表单功能无处不在。同时,在表单提交过程中,未对敏感信息进行加密处理,存在数据泄露风险,严重影响系统的安全性和稳定性。同时,在不同浏览器和设备上,文件上传组件的表现不一致,如部分移动浏览器无法正常触发文件选择事件,或者无法获取文件的完整信息。此外,对于一些通用的表单验证组件,可以进行封装,提高代码的复用性。但在验证提示方式上,仅通过简单的弹窗提示,用户体验不佳,且在不同浏览器中,弹窗的显示样式和行为存在差异。

毒果的博客 924

js先验证再提交php,在表单提交前进行验证的几种方式整理_javascript技巧

在表单提交前进行验证的几种方式 .在Django中,为了减轻后台压力,可以利用JavaScript在表单提交前对表单数据进行验证。下面提供了有效的几种方式(每个.html文件为一种方式)。formpage1.htmlExample1提交表单前进行验证(方法一)first_name:last_name:提交取消formpage2.htmlExample2提交表单前进行验证(方法二)first_nam...

weixin_39611308的博客 379

js基础-表单验证和提交

基础知识: 原始提交: <form action="/login" method="post" id="form1"> <span>用户</span> <input type="text" name="username" id="username"/><br/> <span>密码</span> <input type="password" name="password" i

printdad的博客 582

Form表单提交前进行JS验证的3种方式

Form表单提交前进行JS验证的3种方式 提交按钮的onclick事件中验证 <script type="text/javascript"> function check(form) {   return true; } </script> <form> <input type="submit" name="submit1" value="登陆" onclick="return check(this.fo

weixin_43624310的博客 2227
上一篇: JS动态增加输入栏
下一篇: hibernate通过query查询返回实体集合相关注意事项
ithouse
博客等级 码龄12年 200粉丝 212原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ithouse

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值