Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery:键入时获取文本字段的值_Javascript_Jquery_Input - Fatal编程技术网

Javascript jQuery:键入时获取文本字段的值

Javascript jQuery:键入时获取文本字段的值,javascript,jquery,input,Javascript,Jquery,Input,我想在键入时获取文本字段值 <input type="text" name="noofppl"> 我想在键入时获取其值,因此如果有人键入的值小于20,我会发出警报,指出允许的最小值为20 请帮我做这个 这就是我尝试过的: $( "#people" ).focusout(function() { if($(this).val()<20){ alert("Minimum number of people should be 20"); } }); $(“

我想在键入时获取文本字段值

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

我想在键入时获取其值,因此如果有人键入的值小于20,我会发出警报,指出允许的最小值为20

请帮我做这个

这就是我尝试过的:

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

if($(this).val()使用jQuery函数keyup。每次有效时获取值。每次使用keyup时都显示消息您必须使用keyup evet。

这里是解决方案

$('input[name=“noofppl”]”)。键控(function(){
log($(this.val());
});
$('input[name=“noofppl”]”)。focusout(函数(){
if($(this).val().length<20){
警告(“最小字符数为20!!!”;
}
});

是否您正在寻找类似的内容?在输入后添加一个标签以显示文本,并为您的输入字段提供一个ID“noofppl”。不久前编写了此代码以限制我的文本区域

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";
              }
            });
var textarea=document.getElementById('noofppl');
textarea.on(“按键”,函数(){
var char_label=document.getElementById('charcount_text');
变量计数=textarea.value.length;
var max=20;
剩余var=最大计数;
如果(剩余
$('#myInput')。在('keyup',function()上{
console.log($('#myInput')[0].value.length);
});
请检查以下内容:

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

$('input').keyup(函数(){var yourvalue=$(this.val();})

这应该对您有用

请参见以下示例:

$(“#txt”).keyup(函数(事件){
text=$(this.val();
$(“div”).text(text);
});
$('#txt').focusout(函数(){
if($(this).val().length<20){
警告(“至少需要20个单词…!!”);
}
})

我会使用
输入
事件侦听器或类似的工具,下面是一个如何实现它的快速示例:

const$input=$('#input');
让t;
$input.on('input',(el)=>{
清除超时(t);
t=设置超时(()=>{
如果($input.val().length<20){
警报(“少于20个字符”);
}否则{
警报(“超过或等于20个字符”);
}
}, 400);
})

更多信息:

如果您不提供代码,或者至少是示例代码,那么这并不能作为答案。OP要求的最小字符验证在哪里?OP要求的最小字符验证在哪里?OP要求的最小字符验证在哪里?
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);
})