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

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 
  • 2
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值