jQuery：在输入时获取文本字段的值

-2

<input type="text" name="noofppl">

我想它的价值，同时打字，所以如果有人类型小于20，我给一个警告，允许的最小数为20

请帮助我。

这是我已经试过：

$("#people").focusout(function() { 
    if($(this).val()<20){ 
    alert("Minimum number of people should be 20"); 
    } 
});

来源

2017-08-29 Sikander

的http：// API .jquery.com/keyup –

我想让别人想出一个搜索引擎，你可以问这个到 –

-1

使用jQuery功能KEYUP。每次获取价值都会获得价值。每次键入时每次显示消息您必须使用键入evet。

来源

2017-08-29 13:16:10

如果你没有提供代码，或者在最少的示例代码。 – freginold

在这里，你去了一个解决方案

$('input[name="noofppl"]').keyup(function(){ 
 
    console.log($(this).val()); 
 
}); 
 
    
 
$('input[name="noofppl"]').focusout(function(){ 
 
    if($(this).val().length < 20){ 
 
    alert("Minimum character is 20!!!"); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="noofppl">

我用jQuerykeyup & focusout方法。

keyup用于在打字时获得连续值。

focousout用于检查字符数。

参考文献：https://api.jquery.com/keyup/

希望这会帮助你。

来源

2017-08-29 13:21:54 Shiladitya

难道是你正在寻找这样的东西吗？在输入后面添加标签以显示文本并为输入字段指定一个ID“noofppl”。前一段时间做了这个代码来限制我的textarea。

var textarea = document.getElementById('noofppl'); 

textarea.on("keypress", function() { 
       var char_label = document.getElementById('charcount_text'); 

       var count = textarea.value.length; 
       var max = 20; 

       var remaining = max - count; 
       if (remaining <= 0) { 
       char_label.innerHTML = '20 character limit reached.'; 
       } else { 
       char_label.innerHTML = remaining +"/20 left"; 
       } 
      });

来源

2017-08-29 13:22:52 mrdeadsven

$('#myInput').on('keyup', function() { 
 
    console.log($('#myInput')[0].value.length); 
 
});

<input id="myInput" type="text" name="noofppl">

来源

2017-08-29 13:23:57

OP要求的最小字符验证在哪里？ – Shiladitya

请检查：

<input type="text" name="noofppl"> 
$('input').keyup(function(){var yourvalue = $(this).val(); })

这应该为你工作

来源

2017-08-29 13:24:56

OP要求的最小字符验证在哪里？ – Shiladitya

请参阅下面的示例：

$("#txt").keyup(function(event) { 
 
    text = $(this).val(); 
 
    $("div").text(text); 
 
}); 
 
$('#txt').focusout(function(){ 
 
    if($(this).val().length < 20){ 
 
    \t alert(" Minimum 20 Words required...!! "); 
 
\t } 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="noofppl" id="txt"> 
 
<div> 
 

 
</div>

来源

2017-08-29 13:28:10

OP要求的最小字符验证在哪里？ – Shiladitya

我会使用input事件监听器或类似的东西，这里是简单的例子，你如何能实现它：jsbin

const $input = $('#input'); 
let t; 
$input.on('input', (el) => { 
    clearTimeout(t); 
    t = setTimeout(() => { 
    if ($input.val().length < 20) { 
     alert('shorter than 20 characters');  
    } else { 
     alert('longer or equal than 20 characters'); 
    } 
    }, 400); 
})

更多：MDN input reference

来源

2017-08-29 13:32:19 Melcma

jQuery：在输入时获取文本字段的值

回答

相关问题