首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >表行,如果输入值更改,请键入某些内容。

表行,如果输入值更改,请键入某些内容。
EN

Stack Overflow用户
提问于 2014-06-07 07:48:31
回答 3查看 2.1K关注 0票数 0

早上好,如果class="hello“> 100,它如何在此表中键入”警告“。我试过这样做:$(‘#message’).filter(函数() {返回.filter)

代码语言:javascript
复制
<table >
  <tr>
    <td>&nbsp;Year </td> 
    <td>&nbsp;2009</td> 
    <td>&nbsp;<input id="Text1" class="hello" value="Text1" name="Text1"></td>
  </tr>

  <tr>
    <td>&nbsp;Month</td> 
    <td>&nbsp;2014</td> 
    <td>&nbsp;<input id="Text2" class="hello" value="Text2" name="Text2"></td>
  </tr>

  <tr>
    <td>&nbsp;</td> 
    <td>&nbsp;Total</td> 
    <td>&nbsp;<input id="Text3" class="hello" value="Text3" name="Text3">&nbsp;</td>
  <td><p id="message"></p>&nbsp;</td> 
  </tr>
</table>
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-06-07 08:29:38

你应该更清楚你到底想要什么,你已经尝试过什么,总是添加一个Js小提琴例子来显示你在尝试什么,你被困在了哪里。

Jquery中的.filter()方法用于减少匹配元素的集合,我不知道为什么在这里使用过滤器,必须为输入字段绑定更改事件,然后检查输入值是否大于100。

票数 2
EN

Stack Overflow用户

发布于 2014-06-07 08:19:11

@Tony:您应该提供更多的信息,比如当您想要运行此验证时,它是在页面加载时运行,还是在输入字段值更改时运行?

如果您想在用户键入某项内容并签出选项卡时验证输入文本,则必须在Jquery中添加更改事件处理程序,如下所示

代码语言:javascript
复制
$('.hello').on('change', function(){
        if( $(this).val()>100){
            $("#message").text('warning!');
        }

我已经创建了一个Js小提琴演示,在这里,验证触发了输入值的变化。JS小提琴演示:http://jsfiddle.net/S7jCL/2/

票数 0
EN

Stack Overflow用户

发布于 2014-06-07 08:39:35

你的问题还不清楚。*请提供更多资料,使我们了解您的要求。

根据我的理解-

当用户键入大于"100“数字时,要显示”警告“消息。

为此,您应该需要绑定input事件。

代码语言:javascript
复制
$(document).ready(function(){
    //Bind change event to run the validation
    $('.hello').on('input', function(){        
        if( $(this).val()>100){
            $("#message").text('warning!');
        }   
    });
});

工作演示

或者您可以使用.bind() keyupkeydown事件。

代码语言:javascript
复制
$(document).ready(function(){
    //Bind change event to run the validation
   $('.hello').bind('keydown keyup',function(e){       
        if( $(this).val()>100){
            $("#message").text('warning!');
        }   
    });    
});

工作演示

当文本框内容的长度大于100个字符时,要显示“警告”消息。

为此,我们应该使用.length

代码语言:javascript
复制
$(document).ready(function(){
    //Bind change event to run the validation
    $('.hello').on('input', function(){        
        if( $(this).val().length > 100){
            $("#message").text('warning!');
        }       
    });        
});

工作演示

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24095039

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档