用户名和密码验证问题

最新推荐文章于 2021-10-10 21:22:26 发布
最新推荐文章于 2021-10-10 21:22:26 发布
阅读量626 收藏
点赞数 1
文章标签： input user function generator javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq535949500/article/details/4105078
版权

这些代码运行后只对用户名进行验证而密码没有任何提示 请问各位是那里错了 谢谢

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="JavaScript">
 function checkUserName(){
  var UserName=document.getElementById("txtUserName").value;
  if(UserName == "" || UserName == "请输入用户名"){
   alert("请输入用户名");
   document.getElementById("txtUserName").focus();
   return false;
  }else if(UserName.length < 6 || UserName.length> 12){
   alert("输入长度不符合要求");
   document.getElementById("txtUserName").focus();
   return false;
  }else if(UserName.length !=0){
   for(i=0;i<UserName.length;i++){
    var User =UserName.substring(i,i+1);
    if((!(User>='0' && User<='9'))&&(!(User>='a' &&User <= 'z')) && (!(User ='-'))){
     alert("含有非法字符");
     document.getElementById("txtUserName").focus();
    }
   }
   return false;
  }
  return true; 
 } 
 function checkUserPass(){
  var UserPass = document.getElementById("txtUserPass");
  if(UserPass.value==""){
   alert("请输入密码");
   UserPass.focus();
   return false;
  }else if(UserPass.value.length >14 || UserPass.value.length <6){
   alert("密码长度不符合要求");
   UserPass.focus();
   return false;
  }
 }
 function check(){
  if(checkUserName() && checkUserPass()){
   return true;
  }else{
   return false;
  }
  
 }
</script>
</HEAD>

<BODY>
<form name="myform" action="" onSubmit="return check()" >
 <table>
  <tr>
   <td>用户名</td>
   <td><input tyoe="text" name="txtUserName" id="txtUserName" value="请输入用户名"></td>
   <td><div id="divUserName" style="disPlay:none;" onClick="checkUser()"></div></td>
  </tr>
  <tr>
   <td>密码</td>
   <td><input type="text" name="txtUserPass" id="txtUserPass"></td>
   <td><div id="divUserPass" style="disPlay:none"></div></td>
  </td>
  <tr>
   <td>确认密码</td>
   <td><input type="text" name="txtUserPassTo" id="txtUserPassTo"></td>
   <td><div id="txtUserPassTo" style="display:none"></div></td>
  </tr>
  <tr>
   <td>输入验证码</td>
   <td><input type="text" name="yanzheng" id="yanzheng"></td>
   <td><div id="yanzheng" style="display:none"></div></td>
  </tr>
  <tr>
   <td>性别</td>
   <td><input type="checkbox" name="checkMan" id="checkMan" checked="true">男<input type="checkbox" name="checkMan" id="checkWoman">女</td>
  </tr>
  <tr> 
   <td>电子邮件</td>
   <td><input tyoe="text" id="txtEmail" name="txtEmail"></td>
  </tr>
  <tr>
   <td>出生日期</td>
   <td>
    <select>
     <option value="1">1988</option>
     <option value="2">1989</option>
     <option value="3">1990</option>
     <option value="4">1991</option>
     <option value="5">1992</option>
     <option value="6">1996</option>
    </select>
    年
    <select>
     <option value="01">01</option>
     <option value="02">02</option>
     <option value="03">03</option>
     <option value="04">04</option>
     <option value="05">05</option>
     <option value="06">06</option>
     <option value="07">07</option>
     <option value="08">08</option>
     <option value="09">09</option>
     <option value="10">10</option>
     <option value="11">11</option>
     <option value="12">12</option>
    </select>
     月
     <input type="text" name="txtToday" id="txtToday" style="width:20px;">日
    </select>
   </td>
   
  </tr>
  <tr >
   <td align="center"><input type="submit" name="btnOK" id="btnOK" value="确定"></td>
   <td align="center"><input type="button" name="btnOK" id="btnClose" value="重填"></td>
  </tr>
 </table>
</form>
</BODY>
</HTML>

qq535949500
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
SniperOJ WEB writeup
Ni9htMar3的博客
05-05 6546
WEB SniperOJ-Web-Browser md5-vs-injection php-weak-type as fast as you can very-hard-injection inject-again 图书管理系统
JS的简单表单校验
weixin_43294854的博客
04-22 554
JS完成表单校验 前言：在前端进行验证码的提前校验，可以减少服务器的访问压力，和增加用户的实时体验。（在此，感谢黑马程序员提供的免费的学习资料） 以百度的注册界面进行分析，我们需要的功能是： 1.输入不符合规范的字符组时，提示明显的错误信息。 2.只有当整个注册环节符合注册规则，点击注册可以进行提交。 3.输入窗口失去焦点时候，自动验证表单信息。 //以单个的注册用户名进行分析 <for...
JavaScript简单表单验证：用户名密码是否为空
热门推荐
爪白白的个人博客
05-06 1万+
form表单代码 <form name="form1" method="post" action=""> 用户名：<input name="user" type="text" id="user"> 密码：<input name="pwd" type="password" id="pwd"> <input type="button" name="button...
用户注册登录系统（含用户名密码验证码验证）
03-19
PHP用户注册、登录以及采用了jQuery局部刷新验证登录信息
ie的大问题，关于document。getElementById和getElementsByName
bingdongguke的专栏
03-31 911
editPlus，免费用户名密码
10-29
kariryo 5387D-12450-BCZ8B-D6W0B-85TE1
客户端验证用户名和密码的方法详解
09-02
主要介绍了客户端验证用户名和密码 的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
JavaScript判断用户名和密码不能为空的实现代码
10-22
在网页开发中，验证用户输入是至关重要的一步，特别是对于用户名和密码这样的敏感信息。JavaScript是一种客户端脚本语言，可以在用户的浏览器上运行，因此可以用来实时检查表单数据，防止无效或空的数据提交到服务器...
ajax验证用户名和密码的实例代码
10-22
主要为大家详细介绍了ajax验证用户名和密码的实例代码，感兴趣的小伙伴们可以参考一下
windows用户名和密码验证
09-28
当你尝试创建一个使用VC（Visual C++）开发的对话框程序来验证Windows的用户名和密码时，你需要理解以下几个关键知识点： 1. **Windows API调用**： - 在VC中，你不能直接访问操作系统级别的用户账户信息，而是...
WCF用户名+密码验证Demo
09-16
在WCF中，我们可以使用`ClientCredentialType`属性来配置客户端凭据类型，设置为`UserName`即可启用用户名密码验证。服务端需要配置一个验证逻辑，用于检查客户端提供的用户名和密码是否正确。在服务行为和服务合同...
Editplus导致IE10以普通用户身份就没法启动，只能以管理员用户启动，解决方案
另一个Raptor，非专家
09-12 1626
Editplus也是个不规矩软件，安装之后IE10以普通用户身份就没法启动了。 于是开始尝试解决： 1，卸载Editplus——没用，看来是对系统造成了改动... 2，重置IE——没用，看来还不是一般的改动... 3，卸载IE，重装IE——没用 难道还要重装系统不成？ 新建用户，可以了，看来是权限问题，拿SI大杀器分析，见两个AccessDenied， RegCreateKey H
JS表单校验用户名、邮箱、手机号等
weixin_47277897的博客
10-10 3510
做到注册页面的时候需要用到表单校验验证用户的输入是否规范， 表单如下 验证规则为 用户名和密码必须为8--20 位数，邮箱验证格式，手机号验证必须为11位。 js代码如下 <script type="text/javascript"> /*表单验证*/ $(function () { function checkUsername() { // 获取输入框的值 var username = $("#username").val(); ...
Ajax异步提交登录(2)--登录使用
weixin_33894640的博客
05-06 104
http://cjp1989.iteye.com/blog/1740964 1.Ajax的原理： Ajax的原理就是:通过javascript的方式，将前台数据通过xmlhttp对象传递到后台，后台在接收到请求后，将需要的结果，再传回到前台，这样就可以实现不需要页面的转发，数据实现来回传递，从而实现页面无刷新。 基于这个原理，我想到使用Ajax传输登录的信息，包括错误信息，功能很强大...
JS检查账号格式是否包含数字和大小写字母以及图片是否成功加载
liwenhui的博客
06-30 402
用户注册账号时，我们应该检查格式是否符合要求，字数是否符合要求，网页图片也应该检查是否成功加载，加载失败应该显示默认图片，代码参考如下： // 检查账号格式 function checkUsername(name){ var reg = /^[a-zA-Z]+[0-9a-zA-Z]{5,19}$/g; if(reg.test(name)){ return true; } else { return false; } } // 检查是否包含数字 function hasNu
案例：注册表单校验用户名或密码输入正确错误的回显
爱人io
05-13 1798
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册页面</title> <style> *{ margin: 0px; padding: 0px; box-sizing: border-box; }
JavaScript 用于验证（正则表达式）
wanghongfeifei的专栏
08-03 237
<br />// JScript 文件（formCheck.js）<br />function CheckUserName(s)<br />{<br /> var patrn=/^[A-Za-z0-9]+$/;//用户名只能为数字和字母的组合<br />  if (!patrn.exec(s)) <br />            {<br />         <br />            return false;<br />            }<br />            else<
js操作cookie实现记住密码功能
过客的博客
04-23 1983
function checkInCorrect() //判断用户名和密码是否为空 { if (document.getElementById('txtUserName').value=="") { alert('请输入用户名！') document.getElementById('txtUserName').focus(); retur
js用户名和密码验证正则表达式
最新发布
08-06
正则表达式是一种用于匹配字符串模式的工具。在JavaScript中，我们可以使用正则表达式来验证用户名和密码的格式是否符合我们的要求。 对于用户名的验证，我们可以使用以下正则表达式：^[a-zA-Z0-9_-]{4,16}$ 解析： - ^ 表示字符串的开头 - [a-zA-Z0-9_-] 表示可以包含大小写字母、数字、下划线和短横线 - {4,16} 表示用户名的长度必须在4到16个字符之间 - $ 表示字符串的结尾 对于密码的验证，我们可以使用以下正则表达式：^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,}$ 解析： - ^ 表示字符串的开头 - (?=.*[a-z]) 表示必须包含至少一个小写字母 - (?=.*[A-Z]) 表示必须包含至少一个大写字母 - (?=.*\d) 表示必须包含至少一个数字 - [a-zA-Z\d]{8,} 表示密码的长度必须至少为8个字符，可以包含大小写字母和数字 - $ 表示字符串的结尾 通过使用以上正则表达式，我们可以判断用户输入的用户名和密码是否符合规定的格式。例如，我们可以使用JavaScript中的.test方法来检测一个字符串是否符合正则表达式的模式。 示例代码： ```javascript var username = "john_doe123"; var password = "passWord123"; var usernamePattern = /^[a-zA-Z0-9_-]{4,16}$/; var passwordPattern = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,}$/; console.log(usernamePattern.test(username)); // true console.log(passwordPattern.test(password)); // true ``` 通过以上代码，我们可以看到用户名和密码的验证结果都为true，说明它们符合正则表达式的模式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值