当用户在输入框键入的用户名和密码为空时,在输入框右边提示进行提示,并阻止提交

本文介绍了一种方法,当用户在输入框中键入的用户名和密码为空时,会在输入框右侧显示提示信息并阻止表单提交。主要步骤包括:绑定onblur事件检查输入,设置隐藏提示信息,限制表单提交,以及通过调整元素的visibility属性来控制错误提示的显示和隐藏。
摘要由CSDN通过智能技术生成

1.为input输入框绑定onblur失去焦点事件,当失去焦点,调用检查函数

姓名:<input type="text" name="name" id="name" onblur="check()">

2.设置隐藏提示信息

<span class="waring" id="nameCheck">用户名为空</span>
<style>
      .waring{
   
        color: red;
        visibility: hidden;
        /*visibility: visible;*/
      }
    </style>

3.form设置提交限制

<form action="/my/Servlet" method="post" onsubmit="return check()">

4.通过相应函数调整visibility的属性值,从而控制错误提示的显隐

 function check(){
   
      if ($("#name").val().trim()==""){
   
        $("#nameCheck").css("visibility","visible")
        a=false;
      }else {
   
        $("#nameCheck").css("visibility","hidden")
        a=true
      }

      if 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值