Javascript 文本输入值大于10不大于5000 jQUERY
我正在创建一个html设置,输入文本的值必须大于10且小于5000。事实上,我的代码似乎不起作用,敬请告知 jQUERY:Javascript 文本输入值大于10不大于5000 jQUERY,javascript,jquery,Javascript,Jquery,我正在创建一个html设置,输入文本的值必须大于10且小于5000。事实上,我的代码似乎不起作用,敬请告知 jQUERY: $(document).ready(function() { $(".zijin_input").keyup(function() { if ((this).value() > 10) { $(".zijin_button").css("display", "block");
$(document).ready(function() {
$(".zijin_input").keyup(function() {
if ((this).value() > 10) {
$(".zijin_button").css("display", "block");
$(".zijin_button_span").css("display","none");
$('.cunkuan_line_2').addClass('cunkuan_line_3').removeClass('cunkuan_line_2');
// $("#lineBAR").addClass('cunkuan_line_3');
}
else {
$(".zijin_button").css("display", "none");
$(".zijin_button_span").css("display","block");
$('.cunkuan_line_3').addClass('cunkuan_line_2').removeClass('cunkuan_line_3');
}
});
});
应该是
$(document).ready(function() {
$(".zijin_input").keyup(function() {
if ($(this).val() > 10) {
$(".zijin_button").css("display", "block");
$(".zijin_button_span").css("display","none");
$('.cunkuan_line_2').addClass('cunkuan_line_3').removeClass('cunkuan_line_2');
// $("#lineBAR").addClass('cunkuan_line_3');
}
else {
$(".zijin_button").css("display", "none");
$(".zijin_button_span").css("display","block");
$('.cunkuan_line_3').addClass('cunkuan_line_2').removeClass('cunkuan_line_3');
}
});
});
$(文档).ready(函数(){
$(“.zijin_输入”).keyup(函数(){
如果($(this.val())大于10&&$(this.val()请尝试此方法
$(".zijin_input").keyup(function() {
if ( parseInt($(this).val()) > 10 && parseInt($(this).val()) < 5000) {
$(".zijin_button").css("display", "block");
$(".zijin_button_span").css("display","none");
$('.cunkuan_line_2').addClass('cunkuan_line_3').removeClass('cunkuan_line_2');
// $("#lineBAR").addClass('cunkuan_line_3');
}
else {
$(".zijin_button").css("display", "none");
$(".zijin_button_span").css("display","block");
$('.cunkuan_line_3').addClass('cunkuan_line_2').removeClass('cunkuan_line_3');
}
});
$(“.zijin_输入”).keyup(函数(){
如果(parseInt($(this.val())>10&&parseInt($(this.val())<5000){
$(“.zijin_button”).css(“显示”、“块”);
$(“.zijin_button_span”).css(“显示”、“无”);
$('.cunkuan_line_2').addClass('cunkuan_line_3').removeClass('cunkuan_line_2');
//$(“#lineBAR”).addClass('cunkuan#u line_3');
}
否则{
$(“.zijin_button”).css(“显示”、“无”);
$(“.zijin_button_span”).css(“显示”、“块”);
$('.cunkuan_line_3').addClass('cunkuan_line_2').removeClass('cunkuan_line_3');
}
});
检查此链接(“#金额”).bind(“keyup-keydown”,function()){
var amount=parseFloat($(this.val());
如果(金额){
如果(金额<500 | |金额>800){
$(“span.paymentalert”).html(“您的付款必须介于500英镑和800英镑之间”);
}否则{
$(“span.paymentalert”).html(“”);
}
}否则{
$(“span.paymentalert”).html(“您的付款必须是数字”);
}
});
不应该if($(this).value()>10)
是if($(this).value()>10)
?选择器$(this)
中缺少$
(this)听起来像是一个范围或数字输入可能对您有效。如果您使用它,则无需验证。还要注意val()
(您应该使用它)返回一个字符串,因此在将其与10
进行比较之前,需要使用parseInt()
将其转换为整数,然后将其更改为(this).value()
更改为$(this).val()
或tothis.value
,这相当于文本输入。@FrédéricHamidi Hi Frederic,感谢您提供的信息。this.value
比$(this.val()
)更有效。但是我们已经有了$(this)的实例,不需要使用javascript对象value
是this
$(this)的属性
是一个函数,它将此
转换为包含函数val()
的jQuery对象,该函数将jQuery对象转换回原来的状态(此
)然后读取它的value
属性。因此,this.value
更有效。this.value
比$(this.val()
@JamesDonnelly嗨,詹姆斯,我可以知道如何更改this.value来实现它吗?谢谢you@MorganNg只需更改$(this).val()
到this.value
:如果(this.value>10&&this.value@Morgan Ng)谢谢你,请投票表决我的答案,它确实帮助了你
$(".zijin_input").keyup(function() {
if ( parseInt($(this).val()) > 10 && parseInt($(this).val()) < 5000) {
$(".zijin_button").css("display", "block");
$(".zijin_button_span").css("display","none");
$('.cunkuan_line_2').addClass('cunkuan_line_3').removeClass('cunkuan_line_2');
// $("#lineBAR").addClass('cunkuan_line_3');
}
else {
$(".zijin_button").css("display", "none");
$(".zijin_button_span").css("display","block");
$('.cunkuan_line_3').addClass('cunkuan_line_2').removeClass('cunkuan_line_3');
}
});
("#amount").bind("keyup keydown", function() {
var amount = parseFloat($(this).val());
if (amount) {
if (amount < 500 || amount > 800) {
$("span.paymentalert").html("Your payment must be between £500 and £800");
} else {
$("span.paymentalert").html("");
}
} else {
$("span.paymentalert").html("Your payment must be a number");
}
});