HTML+正则表达式登陆验证

最新推荐文章于 2024-07-28 14:13:07 发布
最新推荐文章于 2024-07-28 14:13:07 发布
阅读量730 收藏 1
点赞数
文章标签： java javascript ViewUI
原文链接：http://www.cnblogs.com/wmdyx/archive/2009/02/19/1393588.html
版权

<%@ page language="java"  pageEncoding="gbk" %>
<% session.setAttribute("message","账号或密码错误！"); %>
<html>
<head>
<script language="javascript">
function checkLogin(){
 //内容不能为空,并且不能有特殊字符（下划线除外）
 if(dropmenu03.style.visibility=="hidden"){
 dropmenu03.filters.revealTrans.apply();                                            // 应用效果
 dropmenu03.style.visibility="visible" ;                                               // 显示图层
 dropmenu03.filters.revealTrans.play();
 }else if(dropmenu03.style.visibility="visible"){
 dropmenu03.filters.revealTrans.apply();                                            
 dropmenu03.style.visibility="hidden" ;                                              
 dropmenu03.filters.revealTrans.play();
 }
 var checkString=/^[0-9a-zA-Z_]+$/;
 if(checkString.test(document.myform.txtName.value)&&checkString.test(document.myform.txtPwd.value)){
  document.myform.onsubmit;
  return;
 }
}
</script>
<style type="text/css">
#dropmenu03{
 filter:revealTrans(Duration=0.5,Transition=12);
 visibility:hide;
 height: 19px;
}
</style>
</head>
<body bgcolor="#FFFFCC">
  <form method="post" name="myform">
    <TABLE width="280" bordercolordark="#00CCFF" bordercolorlight="#00CCFF" border="5">
  <tr>
    <td width="86">账号:</td>
    <td width="198"><input type="text" name="txtName"><br>
      <div id="dropmenu03" style="position:absolute;background-color:#00CCFF;width:130px;visibility:hidden;"><%=(String)session.getAttribute("message")%></div></td>
  </tr>
  <tr>
    <td>密码:</td>
    <td><input type="password" name="txtPwd"></td>
  </tr>
  <tr>
    <td colspan="2" align="center"><a href="#">注册新用户</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">找回密码</a></td>
    </tr>
  <tr>
    <td colspan="2" align="center"><input type="button" name="btnOK" value="提交" onClick="checkLogin()">
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="reset" name="Submit" value="重置"></td>
    </tr>
</table>
  </form>
</body>
</html>

转载于:https://www.cnblogs.com/wmdyx/archive/2009/02/19/1393588.html

weixin_30326745
关注
正则表达式验证登陆页面
mqf15565844264的博客
10-24 1130
jsp登陆页面 <body> <form action="#"> 账号：<input type="text" name="name" id="name" /><br /> 密码：<input type="text" name="pwd" id="pwd" /><br /> <input type="but...
用正则表达式的方式实现注册登入的校验
a815886696的博客
09-21 3168
表单验证： 用户名：6–18位数字,字母,下划线_，文本域获取焦点和失去焦点出现提示文字。 登入密码：请输入6–20位数字,字母,任意字符，文本域获取焦点和失去焦点出现提示文字。（效果同上） 确认密码：内容与登入密码必须一致。 姓名：2-5位中文字。 身份证号：开头为1234568，中间16位为数字，结尾为数字或Xx。 邮箱：常规验证如下 手机号：为1开头是11位数字 提交是验证为一项是否填写正确，并弹框提示。 确认已阅读选项是否选中，并弹框提示。 页面效果： 1、提交是验证为一项是否填写正确，并弹框提
常用验证正则表达式
09-30
常用验证正则表达式，手机号验证，身份证号验证，邮箱验证，等等，
html正则表达式登录验证,JavaScript正则表达式验证登录实例
weixin_39968852的博客
05-30 294
本文实例为大家分享了js正则表达式验证登录的具体代码，供大家参考，具体内容如下代码片段：qq登录模拟测试function check(){/*非空*/if(form1.username.value==""){alert("账号不能为空");form1.username.focus();return false;}/*含非数字、首字母为0 /^[0-9]*$/*/var number=/^(0|[1...
用正则表达式匹配HTML标签
最新发布
yivifu的专栏
07-28 592
本文介绍了如何编写匹正则表达式匹配HTML标签，并给出了一个较复杂的应用问题——保留一段HTML片段中不带属性的div标签和p标签，但是删除带属性的div标签和p标签——的解决方案。
html正则表达式表单验证,正则表达式表单验证(原创)
weixin_31088605的博客
05-30 493
$(function() {//验证通行证用户名的非空验证function Passname() {var pname = $("#userName").val();if (pname == '') {$("#userNameId").addClass('error_prompt');$("#userNameId").html("验证通行证用户名不能为空");return false;}//规定正...
html正则表达式登录验证,使用正则表达式验证登录页面输入是否符合要求
weixin_39645306的博客
05-30 898
先给大家展示下效果图：废话不多说了，直接给大家贴代码了，具体代码如下所示：$(function() {$("input[name='uname']").blur(function() { //失去焦点var namestr = $(this).val();var regstr = /^[\u4e00-\u9fa5]{2,4}$/;if(!regstr.test(namestr)) {$(this)...
html正则表达式密码验证,JS基于正则表达式实现的密码强度验证功能示例
weixin_36429611的博客
05-30 196
本文实例讲述了JS基于正则表达式实现的密码强度验证功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：www.jb51.net 脚本之家body {background: #ccc;}label {width: 40px;display: inline-block;}span {color: red;}.container {margin: 100px auto;width: 4...
使用正则表达式验证登录页面输入是否符合要求
12-13
DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> [removed][removed] [removed] $(function() { $("input[name='uname']").blur...
正则表达式案例（登录注册）
qq_65316680的博客
08-16 1498
正则表达式 判断 账号 密码的正确
用正则表达式实现的登陆注册页面
qq_45743129的博客
10-29 6952
动图展示： 所有代码展示 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body style="background-color: beige"> 用户名：...
简约美观登录界面（html+css+js）
01-12
调用必应壁纸API实现每日自动更新背景，正则表达式匹配输入，一键实现夜间模式
JS 正则表达式验证密码、邮箱格式的实例代码
12-12
遗憾的是博客内容不允许包含js代码,不能在线测试，就只上代码了 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Regular Expression test</title> </head> <body> 用户名：(4-16位，字母、下划线、数字，减号) <br> <input type="text" id="un" placeholder="4-16位" > <input type="button" value="test" onclick="userName()" > <span i
js登陆验证与注册验证，正则表达式
01-13
基本的一些登陆注册验证，如：长度验证、数字验证、非空、字母等
html登录注册的正则,怎么用html5编写用户注册验证程序
weixin_29430629的博客
06-05 663
满意答案1第一步:用户注册界面制作在制作用户界面的时候我们得考虑需要哪些元素,一般情况下我们可能只要3种元素:账号(user)、密码(password)还有用来取回密码的邮箱(email)或其它认证。2第二步:添加字段提示使用html5提供的placeholder属性来为表单添加提示信息.如:给用户名添加提示信息:给密码添加提示信息:3第三步:为必填字段添加required属性如:给用户名添加必填...
HTML表单密码正则表达式格式,javascript中添加表单验证（密码与确认密码，×××号码格式验证）...
weixin_42128393的博客
06-02 492
1.密码与确认密码的输入是否一致2.×××号为15位或者18位，否则输入错误function tijiao(){alert("验证");var passw=document.getElementById("password");//获取确认密码的输入值var passvalue=passw.value;alert(passvalue);var passt=document.getElementBy...
HTML密码正则表达式结构,JavaScript动态检测密码强度原理及实现方法详解
weixin_36444661的博客
06-03 356
本文实例讲述了JavaScript动态检测密码强度原理及实现方法。分享给大家供大家参考，具体如下：在注册账户，设置密码时，会出现密码强度动态检测，网上看了一些帖子，大多只写了具体的实现过程，而没有对原理的分析过程。下面着重讲一下其原理。原理分析通常实现密码强度动态判断有两种方案实现：正则。但其效率低一点，难度也大一些。字符串，函数和运算符。这里用第二种方案，但是如何判断一个密码串是强还是弱呢？一般...
正则表达式实现邮箱验证的功能
张亚运的专栏
11-26 853
.html代码如下： RegExp用法 function chkEmail(){ var email = document.getElementById('email').value; var obj = document.getElementById('showMess'); //www@163.com var pattern = /^[a-zA-Z]\w+[@
利用html+css+js正则写经典登录界面
m0_63263973的博客
07-05 770
利用html+css+js正则写经典登录界面
编写正则表达式，为html登陆页面 的密码增加验证功能，要求密码至少 8 个字符， 必须只包含字母(含大小写)、数字和特殊字符(键盘上所有特殊 字符)，并使用 zxcvbn 计算密码强度
06-03
以下是正则表达式： ``` ^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+=\-{}\[\]:;'"\\|,.<>\/?])(?!.*\s).{8,}$ ``` 解释如下： - `^` 匹配字符串的开头。 - `(?=.*[a-z])` 匹配任意位置的小写字母。 - `(?=...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值