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

时间:2017-08-29 13:13:11

标签: 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"); 
  }
});

7 个答案:

答案 0 :(得分:1)

您可以使用解决方案

&#13;
&#13;
$('input[name="noofppl"]').keyup(function(){
  console.log($(this).val());
});
 
$('input[name="noofppl"]').focusout(function(){
  if($(this).val().length < 20){
    alert("Minimum character is 20!!!");
  }
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="noofppl">
&#13;
&#13;
&#13;

我使用了jQuery keyup&amp; focusout方法。

keyup用于在输入时获得连续值。

focousout用于检查字符数。

参考文档: https://api.jquery.com/keyup/

希望这会对你有所帮助。

答案 1 :(得分:0)

难道你正在寻找这样的东西吗?在输入后面添加一个标签以显示文字,并在输入字段中输入ID&#39; noofppl&#39;。不久之前制作了这段代码来限制我的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";
              }
            });

答案 2 :(得分:0)

$('#myInput').on('keyup', function() {
  console.log($('#myInput')[0].value.length);
});
<input id="myInput" type="text" name="noofppl">

答案 3 :(得分:0)

请检查一下:

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

这应该对你有用

答案 4 :(得分:0)

见下面的例子:

&#13;
&#13;
$("#txt").keyup(function(event) {
  text = $(this).val();
  $("div").text(text);
});
$('#txt').focusout(function(){
  if($(this).val().length < 20){
  	alert(" Minimum 20 Words required...!! ");
	}
})
&#13;
<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>
&#13;
&#13;
&#13;

答案 5 :(得分:0)

我使用currentPosition + spancount事件监听器或类似的东西,以下是如何实现它的快速示例:jsbin

library(mvtnorm)
e2dist=function(x,y) # x is vector, y is matrix
{
    a=sqrt((x[1]-y[,1])^2 + (x[2]-y[,2])^2)
    return(a)
}
r=0.5
b=1
s=c(0.1,0.1)
x=c(0,0)
a1=seq(x[1]-r, x[1]+r, length.out=1000)
a2=seq(x[2]-r, x[2]+r, length.out=1000)
grid.pts=as.matrix(expand.grid(a1,a2))
ttt=e2dist(x,grid.pts)<=r                               # circle is centered around x not s
tt=which(ttt==T, arr.ind=T)
circle.in.pts=grid.pts[tt,]
mean(dmvnorm(circle.in.pts,s,b*diag(2))) * pi*r^2         # need to multiply by area

# Output:
# [1] 0.1164057

更多:MDN input reference

答案 6 :(得分:-1)

使用jQuery函数keyup。每次打算都能获得价值。每次关键时都显示消息你必须使用keyup evet。