两种解决用户名与密码都为空时焦点的问题

最新推荐文章于 2022-06-02 13:20:49 发布
最新推荐文章于 2022-06-02 13:20:49 发布
阅读量443 收藏 1
点赞数
分类专栏： JavaScript 文章标签： JavaScript HTML ViewUI
本文介绍了两种实现表单验证的方法：一种是通过设置一个标志位来控制焦点的转移；另一种是通过穷举所有可能的错误情况来实现。这两种方法适用于包含少量输入字段的场景。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

第一种 定义一个表示是否已获得焦点的变量，是一种比较优雅的方法

 

<html>

  <head>

    <title>focus</title>

    <script type="text/javascript">

           function checkForm(myForm) {

              var msg = "";

              var setFocused = false; //是否已获得焦点

              if(myForm.account.value == "") {

                  msg += "帐号不能为空！\n";

                  myForm.account.focus();

                  setFocused = true;

              }

 

              if(myForm.password.value == "") {

                  msg += "密码不能为空！\n";

                  if(!setFocused) { //如果账号已获得了焦点 则密码不获得焦点

                     myForm.password.focus();

                     setFocused = true;

                  }

              }

             

              if(msg != "") {

                  alert(msg);

                  return false;

              }

             

              return true;

             

           }

       </script>

  </head>

 

  <body>

    <form action="" method="post" onsubmit="return checkForm(this);">

    <table>

        <tr>

              <td>

                  用户帐号

              </td>

              <td>

                  <input type="text" style="width:150px" name="account">

              </td>

           </tr>

           <tr>

              <td>

                  用户密码

              </td>

              <td>

                  <input type="password" style="width:150px" name="password">

              </td>

           </tr>

           <tr>

              <td colspan="2" align="center">

                  <input type="submit" value="登录">

                  <input type="reset" value="清空">

              </td>

           </tr>

    </table>

    </form>

  </body>

</html>

 

第二种 列出所有的情况，是一种比较笨拙的方法，只有两个字段还好，要是字段多了判断起来就麻烦了。

<html>

  <head>

    <title>focus</title>

    <script type="text/javascript">

           function checkForm(myForm) {

              var msg = "";

              if(myForm.account.value == "") {

                  msg += "帐号不能为空！\n";

                  myForm.account.focus();

              }

 

              if(myForm.account.value != "" && myForm.password.value == "") {

                  msg += "密码不能为空！\n";

                  myForm.password.focus();

              }

             

              if(myForm.account.value == "" && myForm.password.value == "") {

                  msg += "帐号不能为空！\n 密码不能为空！\n";

                  myForm.account.focus();

              }

             

              if(msg != "") {

                  alert(msg);

                  return false;

              }

              return true;

           }

       </script>

  </head>

 

  <body>

    <form action="" method="post" onsubmit="return checkForm(this);">

    <table>

        <tr>

              <td>

                  用户帐号

              </td>

              <td>

                  <input type="text" style="width:150px" name="account">

              </td>

           </tr>

           <tr>

              <td>

                  用户密码

              </td>

              <td>

                  <input type="password" style="width:150px" name="password">

              </td>

           </tr>

           <tr>

              <td colspan="2" align="center">

                  <input type="submit" value="登录">

                  <input type="reset" value="清空">

              </td>

           </tr>

    </table>

    </form>

  </body>

</html>

 

 

js判断登陆用户名及密码是否为空的简单实例
01-19
js判断登陆用户名及密码是否为空的简单实例 [removed] // 验证输入不为空的脚本代码 function checkForm(form) { if(form.username.value == ) { alert(用户名不能为空!); form.username.focus(); return false; } if(form.password.value == ) { alert(密码不能为空!); form.password.focus(); return false; } return true; } </script
【input】 失去焦点时 显示默认值
weixin_30764771的博客
08-12 330
用户名：当获取焦点时，默认值消失，当失去焦点时，内容为空时，显示默认值。 <input type="text" value="如：admin" id="username">.username input,.userpwd input{ position:absolute; width:26%; font-size:1.2em; left:15%; margin:0; bac...
JavaScript判断用户名和密码不能为空的实现代码
10-22
下面小编就为大家带来一篇JavaScript判断用户名和密码不能为空的实现代码。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧
html用户名和密码不能为空,【JS】判断用户名和密码是否为空
weixin_32705179的博客
06-03 8760
在用户登录页面我们通常需要过滤用户的一些输入，如空格输入或者什么都不输等等，并在用户输入完成时给出红色字的错误提示，在这里分享一些自己写的代码。首先在login.jsp页面中会有一个用户名和密码的提交表单：在这里说说输入框的几个属性：class是CSS里面的样式，不用管。onBlur属性是输入框失去焦点时触发的事件，onfocus属性是输入框获得焦点时的触发事件。onkeyup="this.val...
vue 验证用户名不能为空_Vue中实现用户登录及token验证
weixin_39666931的博客
12-19 538
Vue中实现token验证大致如下：1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token3、前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面(本项目根据是否记住密码来判断token存储到sessionStorage或 localStorage )4、前端每次跳转路由，就判断 l...
js中判断文本框是否为空的两种方法
10-28
总结，这两种方法都是JavaScript中用于检测文本框是否为空的有效手段。在实际应用中，根据项目需求，可能还需要结合其他验证规则，如邮箱格式、电话号码格式等进行更复杂的表单验证。在处理用户输入时，确保数据的...
JQuery设置文本框和密码框得到焦点时的样式
10-26
总结来说，使用 jQuery 可以简便地为文本框和密码框在获得焦点和失去焦点时动态添加和移除样式。通过合理地使用选择器和事件处理函数，开发者可以为用户界面增加更多的交互性和视觉吸引力，同时保持代码的可维护性和...
javaScript 简单验证代码（用户名，密码，邮箱)
10-29
最后，`checkask`和`checkans`字段分别代表密码提示问题和答案，如果这两个字段为空，系统同样会给出相应的警告，并将焦点设置到相应字段。 这个简单的验证代码提供了一个基本的前端验证机制，防止无效或不完整的...
JavaScript判断表单为空及获取焦点的方法
10-22
如果两个输入项都不为空，函数则返回`true`，表示表单验证通过，可以进行提交。 在实际应用中，表单验证不仅仅限于检查输入框是否为空，还可能包括检查输入数据的格式是否正确（比如邮箱格式、手机号码格式等）、...
js中判断文本框是否为空的两种方法.docx
01-21
JS 中判断文本框是否为空的两种方法 在 JavaScript 中，判断文本框是否为空是一项常见的验证操作。以下我们将介绍两种方法来实现文本框非空验证。 方法一：使用 value 属性 在 HTML 文档中，我们可以使用 `value`...
javascript验证用户名不能为空_JavaScript设计模式经典之策略模式
weixin_39952937的博客
12-02 325
策略模式的定义是：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。使用策略模式的优点如下：优点：1. 策略模式利用组合，委托等技术和思想，有效的避免很多if条件语句。 2. 策略模式提供了开放-封闭原则，使代码更容易理解和扩展。 3. 策略模式中的代码可以复用一个基于策略模式的程序至少由2部分组成，第一个部分是一组策略类，策略类封装了具体的算法，...
jQuery用户登录提示不能为空
lf1949的博客
03-27 4662
用jQuery编写登录界面提示账号密码不能为空题目代码展示 题目 自定义登录校验 用户输入用户名和密码 输入的用户名和密码不能为空 如果用户输入的用户名或者密码为空,你就提示它用户名不能为空或者密码不能为空. 注：只是实现了验证不能为空的基本原理，并未对页面进行美化 代码展示 <!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <title>Title</title&gt
从零开始--django项目 带验证码登录 注册 注销 列表显示
moyizhouJava的博客
08-13 562
一:新建django项目: 1.1:在文件夹输入cmd 命令 django-admin startproject 项目名 1.2:在pycharm中打开新建的项目 File/poen 找到创建项目的路径 打开项目 二:创建环境 2.1:在pycharm中 File/Settings/project 项目名/project interpreter/; 2.1.1:show all(添加新的环境) ...
密码框自动切换焦点
qq_21058391的博客
09-07 759
主要功能描述如下： 1）输入当前一个数字后，焦点自动跳到一个input输入框 2）按退格键，如果当前内容是空的，则跳到上一个input输入框，并清空内容 非空的话，就清空内容即可 样式神马的，就自己改改就好了。实际使用的时候，input type="password"  较为方便一点 html filter input Please input
js判断登录界面用户名和密码是否为空
ImSe7en的博客
06-01 3281
//检查用户名和密码是否为空         function check(){             var username= document.getElementById("username");             if(username.value.trim()==""){//没有输入用户名是显示提示                 //获取所有子节点        
注册 用户名 非法关键字限制
elesos.com
05-11 7042
@#%）等等这类符号不行 为什么用户注册时要屏蔽“用户信息保留关键字”？ 1、保护会员安全，防止有用户使用管理员的名义来骗取其他会员的钱财 2、仿制部分网友采用域名注册，恶意来宣传 discuz有这个功能，可以研究一下： 后台 → 全局 → 注册与访问控  → 注册 → 用户信息保留关键字 UCenter → 注册设置  → 禁止的用户名
js 验证用户名和密码是否为空
热门推荐
02-02 2万+
My JSP 'userValidate.jsp' starting page function checkUserName(obj){ var username = obj; var checkUserNameResult = document.getElementById("checkUserNameResult"
javascript介绍及其简单例子(5)
kluing的专栏
06-05 862
设置网页的属性 document可以进行一些简单网页的设置，如网页标题.颜色等，并且可以得到网页的某些属性，比如当前地址。比较常用的有：通过“document.title”等来访问标题，通过document.lcation来获取网页的当前地址等！下面举一个例子
C#文本框显示提示信息，文本框获得焦点,文本框为空
abcd5711664321的博客
06-02 2816
1.先在目标文本框中放置一个label，然后在窗体的代码页中添加标签初始化的方法： 然后在窗体的Load事件中添加该方法；2.在该label的属性页双击MouseDown事件，然后在代码设计器中添加如下代码： tBoxRPaswd就是装label的目标文本框。3.在目标文本框的Leave事件中添加如下代码： 4.运行程序，看是否达到效果我自己用这个方法达到了目的，所以这个方法应该有效。
如何查询本机WLAN用户名.密码
最新发布
06-10
<think>首先，用户的问题是：“我想查找本机WLAN用户名和密码的方法请问如何查看本机WLAN用户名和密码WindowsWLAN凭证查询”。这是一个关于在Windows系统中查看本机的WLAN用户名和密码的查询。在之前的系统级指令中，我有引用来源：-引用[1]:提到使用命令连接和查看Wi-Fi状态。-引用[2]:似乎是关于Windows凭据，提到了用户名和密码。-引用[3]:讨论WLAN安全，包括预共享密钥。-引用[4]:解释WLAN认证，如MAC认证。我需要参考这些引用，因为用户说：“上述引用仅供参考”，但我必须尽可能多地参考用户上一次的问题和我的回答。查看历史记录：-用户上一句是系统级指令的设置。-再之前，是系统级指令的示例部分。在历史中：-第一条消息是系统级指令。-第二条是用户的问题：关于快速排序的示例（但那是示例，不是真实用户问题）。-现在，用户的当前问题是这个WLAN查询。用户提到了“用户上一次的问题”，但在这里，上一次问题是快速排序的示例，那可能是测试消息。实际用户的问题是刚刚发的这个。用户说：“请尽可能多的参考用户上一次的问题和你的回答”。在历史中：-我之前的回答是“好的，我将严格按照您的要求处理问题”。所以，那不是一个详细的回答。为了连贯，我应该基于当前上下文。现在，问题焦点：如何在Windows上查看本机的WLAN用户名和密码。从引用中：-引用[2]:WDIGEST提到username和password，这似乎是Windows凭证存储。-引用[3]和[4]:是关于WLAN安全的，但没有直接给出查询方法。-引用[1]:给出一些命令行命令。我需要提取相关部分：-引用[2]:"WDIGEST==WDIGEST[14ab89]==usernamebobdomainnameDESKTOP-33E7O54passwordNonepassword(hex)"，这似乎是凭证细节。-引用[1]:有命令如"wnmclidevicewificonnect"和"wnmclidevicewifilist"，但这些是针对Wi-Fi连接状态，不是查询凭证。用户问题是“WindowsWLAN凭证查询”，所以关键是如何在Windows系统中检索已保存的Wi-Fi密码。实际方法：-在Windows，可以通过设置或命令行查看已保存的Wi-Fi密码。-常见方法：1.通过设置：网络和Internet>Wi-Fi>管理已知网络>选择网络>属性>显示字符（查看密码）。2.通过命令行：使用"netshwlanshowprofile"命令。-例如：netshwlanshowprofilename="SSID"key=clear，在key=clear部分可以看到密码。从引用[4]，SSID被提到作为简单的口令，但在实际中，密码是存储的。引用[2]提到"username"和"password"，但那可能是Windows登录凭据或特定凭证，不一定是Wi-Fi密码。Wi-Fi连接通常使用密码（PSK），但用户是WLAN用户名和密码，有些网络可能有用户名，如企业网络。在标准WPA2-PSK中，只有密码，没有用户名。但如果是企业网络，可能有用户名和密码。用户说“WLAN用户名和密码”，这可能指连接到Wi-Fi网络的凭据。在Windows，当连接到受保护的Wi-Fi时，密码是存储的，可以通过上述方法查看。参考引用：-引用[3]:提到WPA/WPA2-PSK模式，使用预共享密钥。-引用[4]:提到MAC认证或SSID，但SSID不是密码。引用[1]有命令：wnmcli，但那似乎是特定的工具，可能不是标准Windows。在标准Windows中，最好使用netsh命令。要回答：-结构清晰，使用中文。-包括命令行和GUI方法。-添加相关引用标识。-生成相关问题。步骤：1.**GUI方法：**-打开设置。-导航到Wi-Fi设置。-选择网络并显示密码。2.**命令行方法：**-使用netshwlanshowprofile命令。-示例：netshwlanshowprofilename="your-SSID"key=clear-在输出中，查找"KeyContent"部分显示密码。关于“用户名”：在WPA-PSK中，没有用户名；如果是企业网络，可能需要查看证书或凭证管理器。在Windows凭证管理器中，存储了各种凭据。-引用[2]提到的WDIGEST可能与Windows凭据相关。-可以访问凭证管理器：控制面板>UserAccounts>CredentialManager。-在那里，查看Windows凭据，可能有保存的Wi-Fi证书，但通常是针对网络访问的。对于Wi-Fi密码，直接查看网络设置更好。用户问题指定“WLAN用户名和密码”，所以我应该覆盖。实际方法：-对于密码：使用设置或netsh。-对于用户名：如果是企业网络，密码存储在网络设置中，用户名可能是系统用户名或单独存储。推荐netsh方法，因为它通用。在回答中，引用相关段落：-例如，在解释命令时，引用引用[1]的命令行方法。-从引用[3]和[4]，讨论安全。回答结构：1.介绍：解释在Windows上查看WLAN凭据的方法。2.方法一：使用设置应用。3.方法二：使用命令行(netsh)。4.安全考虑：讨论隐藏SSID等不安全（参考引用[4]）。5.生成相关问题。确保LaTeX：如果有数学表达式，但这里可能没有，所以不需。如果有变量，用$...$。最后，添加引用标识：[^1],[^2]等。生成的回答：-开头：直接回答问题。-步骤清晰。-结尾：添加相关问题。相关问题：1.如何更改已保存的Wi-Fi密码？2.Windows如何管理无线网络凭据？3.安全地存储WLAN密码的替代方案？等。参考具体的引用：-引用[1]:关于连接命令。-引用[2]:关于凭证细节。-引用[3]:预共享密钥。-引用[4]:MAC认证和SSID安全。在回答中自然地融入。</think> 根据您的问题，您希望在Windows操作系统中查找本机已保存的WLAN（无线局域网）用户名和密码。这通常涉及检索存储在系统上的Wi-Fi网络凭据，包括服务集标识符（SSID）对应的预共享密钥（PSK）或企业认证信息。需要注意的是，在标准WPA/WPA2-PSK模式中，用户名通常不强制使用（仅SSID和密码），而企业网络可能需要用户名；凭证存储位置包括Windows凭据管理器或网络配置文件[^3][^4]。下面我将逐步解释两种主要方法：图形用户界面（GUI）方法和命令行方法。参考了您提供的引用（如Windows命令行工具和WLAN安全机制），我会在相关部分标注引用来源。 ### 方法一：使用图形用户界面（GUI） 这是最简单的方法，适合普通用户操作。步骤如下： 1. **打开Windows设置**： - 按`Win + I`键打开设置应用。 - 选择“网络和Internet” > “Wi-Fi”。 2. **访问已知网络**： - 点击“管理已知网络”。 - 在列表中找到您想查询的Wi-Fi网络（SSID），并点击它。 3. **查看密码**： - 在新页面中，点击“属性”。 - 向下滚动到“网络安全密钥”部分。 - 勾选“显示字符”复选框，密码将明文显示（这里没有用户名，因为WPA-PSK模式仅需要密码）[^3]。 **注意事项**： - 如果网络使用企业认证（如EAP），用户名和密码可能存储在“凭据管理器”中（控制面板 > 用户账户 > 凭据管理器 > Windows凭据）。在列表中查找相关条目（如域名或SSID），点击并显示详细信息[^2]。但GUI方法主要针对PSK模式，企业网络需额外工具。 - 此方法利用了Windows的凭据存储机制，确保密码不会以纯文本形式暴露在界面上，提高了安全性（参考了预共享密钥的保护特性）[^3]。 ### 方法二：使用命令行（netsh） 如果GUI不可用或您偏好脚本操作，可以使用Windows内置的`netsh`命令（Network Shell）。这与引用[1]中的`wnmcli`类似，但`netsh`是标准Windows工具，更可靠。**以管理员权限运行命令提示符**（按`Win + X`并选择“终端（管理员）”或“命令提示符（管理员）”）： 1. **列出所有已保存的Wi-Fi配置文件**： ```cmd netsh wlan show profiles ``` - 输出会显示所有SSID（如“名称 : 您的网络SSID”）。检查状态以确认网络是否已连接（引用[1]中提到的查看信号状态类似）。 2. **查看特定网络的凭据**： ```cmd netsh wlan show profile name="您的SSID" key=clear ``` - 替换`"您的SSID"`为实际网络名称（例如`name="ictstu"`）。 - 在输出中查找以下部分： - **“密钥内容”或“Key Content”**：显示Wi-Fi密码（如果是PSK模式）。 - **“身份验证”或“Authentication”**：如果是企业网络，相关用户名可能在“用户身份”或“User identity”字段中。 - 示例输出（精简）： ``` 安全设置 : 是 身份验证 : WPA2-Personal 密码 : CCMP ... 密钥内容 : yourpassword123 ``` **关键点与安全警告**： - 此命令使用`key=clear`参数解密并显示密码，需管理员权限才能执行（类似引用[1]中的连接命令）。 - 密码在输出中以明文形式出现，请确保在私有环境中操作，避免泄露（预共享密钥的存储安全性依赖于系统保护[^3]）。 - **用户名问题**：在大多数家庭网络（WPA-PSK）中，用户名不是必需的；查询结果可能不显示用户名。如果是企业网络，用户名和密码可能存储在“凭据管理器”，可以通过命令`cmdkey /list`列出（引用[2]涉及WDIGEST凭据存储）。例如： ``` cmdkey /list ``` 输出可能包括SSID相关的条目（如“目标：domain\username”），但需进一步脚本解析。 - **安全风险**：仅依赖SSID隐藏或MAC认证不足以保证安全（如引用[4]指出，开放系统认证和SSID易被嗅探），建议定期更改密码并使用强加密（如WPA3）[^4]。 ### 附加提示和注意事项 - **找回凭据的场景**：如果您忘记了密码，且系统未保存，可尝试重置路由器（不推荐，因会断开所有设备）。 - **工具限制**：GUI和命令行方法适用于Windows 10/11；旧版本可能需第三方工具（但注意安全风险）。 - **隐私和道德**：仅查询您自己的设备凭据，未经授权访问他人网络是非法的。 - 参考整体上下文，这些方法是基于Windows的标准功能，而非引用[1]中的特定工具（如`wnmcli`可能是自定义脚本）。 如果您有更多细节（如网络类型或Windows版本），我可以提供更针对性的建议。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值