始终显示 ASP.NET TextBox 工具提示

约翰逊

我制作了一个脚本来比较两个 ASP.NET 文本框的值:

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
   <script type="text/javascript"></script>
   <script>
       $(document).ready(function () {
           var _t1 = $(document.getElementById("<%=TextBox1.ClientID%>"));
           var _t2 = $(document.getElementById("<%=TextBox2.ClientID%>"));
           $(_t1).on("keyup", function () {
               if (_t1.val() == _t2.val()) {
                   $(_t1).attr('title', 'MATCH');
               }
               else {
                   $(_t1).attr('title', 'NO MATCH');
               }
           });
       });
       </script>

现在,无论是否匹配,结果都会显示在工具提示中。我可以以某种方式强制始终显示该工具提示吗?

迪帕克·夏尔马

实际上,title工具提示是只有当您将鼠标悬停在title具有某个值的特定元素上并且您没有执行任何键盘key-press,up,down等操作时才会可见的东西,所以如果您想显示消息,只要您绑定任何框并显示匹配或不匹配。您需要在其中使用label和设置值,并仅在您输入 t1 或 t2 时显示标签。检查以下建议。

$(document).ready(function () {

  var _t1 = $('#first');
  var _t2 = $('#second');
  
  $(document).on("keyup", '#first, #second' ,
      function () {  	  
        if ($(_t1).val() == $(_t2).val()) {
          $('#IsMatch').html('MATCH');
        }
        else {
          $('#IsMatch').html('NO MATCH');
        }
  });
  
  //show label only if has focus on first or second textbox
  $(document).on('focus blur', '#first, #second', 
  	 function(){    
  		if ($(_t1).is(':focus') || $(_t2).is(':focus')) {
      	$('#IsMatch').fadeIn('fast');
      }
      else {      
      	$('#IsMatch').fadeOut('fast');
      }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='text' id='first'>
<br/>
<input type='text' id='second'>
<br/>
<label id='IsMatch'></label>
<br/>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

以编程方式显示工具提示

来自分类Dev

让Intellij IDEA始终显示参数工具提示

来自分类Dev

是否可以在ASP.NET中使用MSChart导出/保存工具提示?

来自分类Dev

在悬停时显示工具提示

来自分类Dev

Bootstrap工具提示未显示

来自分类Dev

libgdx显示工具提示

来自分类Dev

显示在工具提示图标顶部的工具提示

来自分类Dev

ASP NET强制TextBox更新或失去焦点

来自分类Dev

同时显示工具提示提示和焦点

来自分类Dev

vb.net显示datagridviewcombobox中每个项目的工具提示文本

来自分类Dev

Materializecss-始终显示带有操作按钮的工具提示

来自分类Dev

在TextBox ASP.NET VB中显示来自GridView的选定数据

来自分类Dev

始终在Highcharts的所有列上显示工具提示

来自分类Dev

无法显示引导工具提示

来自分类Dev

使用JavaScript显示工具提示

来自分类Dev

工具提示引导未显示

来自分类Dev

ASP.NET TextBox控件未包装

来自分类Dev

工具提示未显示

来自分类Dev

输入与.net texbox:输入按下后输入清除,asp:textbox不显示

来自分类Dev

asp.net图表控件显示不正确的工具提示日期时间值

来自分类Dev

如何仅在某些条件下才能显示TextBox的工具提示

来自分类Dev

ASP.NET工具提示不会用空字符串取消设置

来自分类Dev

ASP.net中的列表框工具提示问题

来自分类Dev

如何在asp.net Web表单页面中使用引导工具提示?

来自分类Dev

在ASP.NET网页上以编程方式添加工具提示

来自分类Dev

ASP.NET BoundColumn工具提示

来自分类Dev

在gridview单元格工具提示ASP.net/C#中显示列的名称

来自分类Dev

ASP.NET中TextBox的KeyPress事件

来自分类Dev

显示和处理工具提示 .NET

Related 相关文章

热门标签

归档