利用JavaScript检查用户注册信息是否正确，在以下情况不满足时报错并阻止提交表单...
<!-- HTML结构 -->
<form id="test-register" action="#" target="_blank" οnsubmit="return checkRegisterForm()">
<p id="test-error" style="color:red"></p>
<p>
用户名: <input type="text" id="username" name="username">
</p>
<p>
口令: <input type="password" id="password" name="password">
</p>
<p>
重复口令: <input type="password" id="password-2">
</p>
<p>
<button type="submit">提交</button> <button type="reset">重置</button>
</p>
</form>
//js部分
function checkRegisterForm(){
var usrname = document.getElementById('username');
var gz = /^[_0-9a-zA-Z]{3,10}$/;
var pwd1 = document.getElementById('password');
var pwd2 = document.getElementById('password-2');
if(gz.test(usrname.value) == true && (pwd1.value.length > 6 && pwd1.value.length < 20) && (pwd1.value == pwd2.value)){
return true;
}else{
return false;
}
}
转载于:https://www.cnblogs.com/Twotwo/p/8489328.html
利用JavaScript检查用户注册信息是否正确，在以下情况不满足时报错并阻止提交表单...相关推荐
- html form提交前md5,javascript实现MD5加密-JavaScript获取HTML元素的三种方...-兼容IE与firefox的js回车提交表单_169IT.COM...
本文介绍JavaScript获取网页中HTML元素的三种方法,供大家学习参考. 1.getElementById() getElementById()可以访问DOCUMENT中的某一特定元素,顾名思义 ...
- JavaScript fetch 方式提交表单请求
最近在研究如何使用 fetch 方法发送表单请求,因为我们一般使用的时候fetch一般会将发送的数据处理成 JSON 字符串的格式进行发送,但是如果提交表单的话由于表单格式需要特殊处理,因为无法直接使 ...
- 利用JS提交表单的几种方法和验证
工作中发现表单提交方便的问题,很多时候IE下提交好好的,打了火狐下就出现了问题,利用提交按钮就不成功了,于是利用JS的方式就成功了,也不知道为什么.在导师的催促下就总结出以下的几种常用表单提交的方法. ...
- 利用ajaxSubmit()方法实现Form提交表单后回调
1. 背景 最近在工作中,需要实现网页端图片上传到FTP服务器的功能.上传文件是用Form表单提交数据的方法向后台传输文件流,在此遇到了一个问题:后台在处理完图片上传功能后,需要向前台回传是 ...
- php表单退出怎么写,PHP提交表单失败后如何保留填写的信息
[导读]本文章来给各位同学介绍PHP提交表单失败后如何保留填写的信息一些方法总结,最常用的就是使用缓存方式了,这种方法如果网速慢是可能出问题的,最好的办法就是使用ajax了.1．使用header头设置 ...
- php 不刷新提交,提交表单而不刷新页面ajax，php，javascript？
我想提交表单而不刷新页面,从我阅读的内容来看,它应该可以与Ajax一起使用,我在做什么错? 当我这样做时,一切都与php和其他东西一起工作: document.getElementById(" ...
- vue点击按钮上传图片_关于javascript：Vue-点击按钮提交表单
我有一个组件,用户可以在其中上传图像,我还想添加一个删除图像的功能. 我添加了一个按钮,该按钮可删除当前图像,但是它的问题在于表单也正在提交,因此我想避免这种情况. 我只需要删除当前图像(如果存在). ...
- js表单提交 php,JavaScript提交表单的几种方法
在我们工作中我们会经常使用到form表单,相信大家再熟悉不过了,那么提交表单有很多种方法,JavaScript提交表单的方法又是如何呢,今天就带大家介绍下JavaScript提交表单的几种方法! 第一 ...
- java 提交界面_使用javascript如何实现页面加载时自动提交表单
if Request.QueryString("action")="loadsubmit" then Response.Write("自动提交&quo ...
最新文章
- 轻量级语义分割网络：ENet
- redis3.2集群搭建
- SCCM 2016 使用PXE 部署操作系统（四）
- MySQL statefulset_Kubernetes进阶之StatefulSet有状态部署
- Oracle数据库之多表查询
- 今日机器学习概念：感知机模型
- php查询每天的数据进行汇总,关于php：如何在一年内每天只使用一个查询来获取数据？...
- linux awk f,linux的awk详情（上）
- python删除列表中的偶数_Python：从列表中删除奇数
- mybatis 注解 占位符
- c语言可以发现注释错误,编译时可以发现注释中的错误_c语言中不允许使用
- PHP中文手册官方下载地址
- 社区拼团赛道的突然火爆，究竟是受何因素影响？
- nmds与mds的区别_数量生态学笔记||非约束排序|NMDS
- 强烈推荐：C#编码规范手册
- SmartUplod中文乱码问题（已解决）
- RLS算法-公式初探
- PMP项目管理培训总结
- 80211无线网络权威指南(四)之成帧细节
- 湿主留步，你缺少一碗中医保健汤。