Question

早上好，如何输入“警告” 这个表如果class =“hello”是＆gt;我试过这个： $（'＃message'）。filter（function（）{ return $ .trim（$（this）.find（'。hello'）。val（））＆gt; 100“}）。text（'warning！'）;

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

Answer 1

你应该更清楚你想要什么以及你尝试过什么，总是添加一个Js小提琴示例来展示你在尝试什么以及你被困在哪里。

Jquery中的<.pilter（）方法用于减少匹配元素的集合，我不知道你为什么在这里使用过滤器，你必须为输入字段绑定更改事件，然后检查输入值是否> 100。< / p>

Answer 2

@Tony：您应该提供更多信息，例如当您想要运行此验证时，是否应该在页面加载或更改输入字段值时运行？

如果要在用户输入内容时选择输入文本，然后选择Tab键你必须在Jquery中添加更改事件处理程序，如下所示

$('.hello').on('change', function(){
        if( $(this).val()>100){
            $("#message").text('warning!');
        }

我创建了一个Js小提琴演示，其中验证会触发输入值更改。 JS小提琴演示：http://jsfiddle.net/S7jCL/2/

Answer 3

你的问题不明确。 *请提供更多信息，我们了解您的要求。

根据我的理解 -

你要展示＆＃34;警告＆＃34;用户输入大于＆＃34; 100＆＃34; 数字。

为此，您需要绑定input事件。

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

Working Demo

或者您可以使用.bind() keyup和keydown事件{/ 1}}。

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

Working Demo

您想要显示＆＃34;警告＆＃34;消息，当文本框内容的长度大于100个字符时。

为此，我们应该使用.length。

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

Working Demo

表行，如果输入值改变则键入内容

3 个答案: