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

最新推荐文章于 2022-06-02 16:33:14 发布
最新推荐文章于 2022-06-02 16:33:14 发布
阅读量392 收藏 1
点赞数
分类专栏： JavaScript 文章标签： JavaScript HTML ViewUI

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

 

<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>

 

 

iteye_9835
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
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 292
用户名：当获取焦点时，默认值消失，当失去焦点时，内容为空时，显示默认值。 <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判断用户名和密码不能为空的实现代码。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧
javascript验证用户名不能为空_JavaScript设计模式经典之策略模式
weixin_39952937的博客
12-02 284
策略模式的定义是：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。使用策略模式的优点如下：优点：1. 策略模式利用组合，委托等技术和思想，有效的避免很多if条件语句。 2. 策略模式提供了开放-封闭原则，使代码更容易理解和扩展。 3. 策略模式中的代码可以复用一个基于策略模式的程序至少由2部分组成，第一个部分是一组策略类，策略类封装了具体的算法，...
从零开始--django项目 带验证码登录 注册 注销 列表显示
moyizhouJava的博客
08-13 495
一:新建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(添加新的环境) ...
js中判断文本框是否为空的两种方法
10-28
总结，这两种方法都是JavaScript中用于检测文本框是否为空的有效手段。在实际应用中，根据项目需求，可能还需要结合其他验证规则，如邮箱格式、电话号码格式等进行更复杂的表单验证。在处理用户输入时，确保数据的...
js中判断文本框是否为空的两种方法.docx
01-21
JS 中判断文本框是否为空的两种方法 在 JavaScript 中，判断文本框是否为空是一项常见的验证操作。以下我们将介绍两种方法来实现文本框非空验证。 方法一：使用 value 属性 在 HTML 文档中，我们可以使用 `value`...
javaScript 简单验证代码（用户名，密码，邮箱)
10-29
最后，`checkask`和`checkans`字段分别代表密码提示问题和答案，如果这两个字段为空，系统同样会给出相应的警告，并将焦点设置到相应字段。 这个简单的验证代码提供了一个基本的前端验证机制，防止无效或不完整的...
VUE实现密码验证与提示功能
10-16
在Vue.js框架中实现密码验证与提示功能是提高用户体验的重要一环，它可以帮助用户实时了解输入的密码是否符合预设的规则。在本文中，我们将探讨如何在Vue项目中创建一个组件，用于实现这一功能。 首先，我们需要...
ubuntu 14.04 忘记用户登录密码的图文解决方法
09-15
本文将提供一种图文并茂的解决方法，帮助你重新设置密码，以便恢复正常操作。 首先，当你启动Ubuntu 14.04的虚拟机时，确保在虚拟机启动过程中立即点击屏幕，这将使鼠标焦点从VMware Workstation切换到Ubuntu的启动...
js判断登录界面用户名和密码是否为空
ImSe7en的博客
06-01 3196
//检查用户名和密码是否为空         function check(){             var username= document.getElementById("username");             if(username.value.trim()==""){//没有输入用户名是显示提示                 //获取所有子节点        
注册 用户名 非法关键字限制
elesos.com
05-11 6832
@#%）等等这类符号不行 为什么用户注册时要屏蔽“用户信息保留关键字”？ 1、保护会员安全，防止有用户使用管理员的名义来骗取其他会员的钱财 2、仿制部分网友采用域名注册，恶意来宣传 discuz有这个功能，可以研究一下： 后台 → 全局 → 注册与访问控  → 注册 → 用户信息保留关键字 UCenter → 注册设置  → 禁止的用户名
JS项目（验证注册页面信息）
A_Xunla的博客
06-02 4752
JS项目（验证注册页面信息） 设计如下图所示的页面，各文本框输入信息在失去焦点时验证，如果输入有误，在文本框后面提示错误信息，各文本框输入信息的具体要求如下： (1) 用户名是由 4 ~ 16 位字符组成，不能包含数字，不能为空。加载页面时提示相应信息。 (2) 密码是由 4 ~ 10 位字符组成，且不能为空，加载页面时提示相应信息。密码和确认密 码必须一致。 (3) 电子邮箱信息不能为空，且必须包含“@”符号和“.”符号，且“@”符号不能在第 1 位，必须在“.”符号前面。.........
js 验证用户名和密码是否为空
02-02 2万+
My JSP 'userValidate.jsp' starting page function checkUserName(obj){ var username = obj; var checkUserNameResult = document.getElementById("checkUserNameResult"
html 检测用户名是否为空,Ajax 无刷新在注册用户名时判断是否为空是否被使用...
weixin_39815286的博客
06-03 230
var xmlHttp;uName() //用户名失去焦点时{if(all.uname.==""){all.l1.innerHTML="不能为空！";setTimeout("close(1)",1500);return;}else{xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");xmlHttp.onreadystatechange=deal; //回调...
C#文本框显示提示信息，文本框获得焦点,文本框为空
abcd5711664321的博客
06-02 2684
1.先在目标文本框中放置一个label，然后在窗体的代码页中添加标签初始化的方法： 然后在窗体的Load事件中添加该方法；2.在该label的属性页双击MouseDown事件，然后在代码设计器中添加如下代码： tBoxRPaswd就是装label的目标文本框。3.在目标文本框的Leave事件中添加如下代码： 4.运行程序，看是否达到效果我自己用这个方法达到了目的，所以这个方法应该有效。
关于 多个值不同的处理 比如channelid 为空和非空的处理
dickzhu的专栏
07-21 7020
[quote] update salesman salesman_name = #{salesmanName}, id_no = #{idNo}, id_type = #{idType}, status = #{status}, phone_no = #{phoneNo}, ...
实现用户登录时若没有输入用户名，给出用户名不能为空的提示，若没有输入密码，给出密码不能为空的提示
热门推荐
m0_37543394的博客
05-25 7万+
一、实现用户登录时若没有输入用户名，给出用户名不能为空的提示，若没有输入密码，给出密码不能为空的提示。   1、首先在index.jsp里面建立一个form表单，action为当我提交表单时用来处理程序的url地址，我想要在Loginservlet里面处理，它的url是/login，所以写上action= “/login”，method是用来指定数据传送到服务器的方式，选用的方法是post
支付宝账户余额查询接口,提示参数有误参数account_product_code和account_scene_code不能同时为空
hoooooly的博客
08-10 2873
当前使用的sdk是支付宝python的sdk,该问题的原因是sdk有问题,需要修改sdk内容 文件位置: 你的python路径/lib/python2.7/site-packages/alipay/aop/api/domain/AlipayFundAccountQueryModel.py 原文件内容: #!/usr/bin/env python # -*- coding: utf-8 -*- import json from alipay.aop.api.constant.ParamConstan
php用户名不能为空,php验证用户名密码是否为空
最新发布
06-10
// 如果用户名和密码都不为空，则进行其他操作 // ... } ``` 在上面的示例中，我们首先通过 `$_POST` 变量获取用户提交的用户名和密码，然后使用 `empty` 函数来判断它们是否为空。如果用户名为空，则输出提示...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值