$('input').on('click', function() {
var c = $(this);
c.keyup(function() {
if (/[^\d]/.test(c.val())) { //替换非数字字符
var temp_amount = c.val().replace(/[^\d]/g, '');
$(this).val(temp_amount);
};
});
c.focus(function() {
if (c.val() > 35 || c.val() < 1) {//大于35小于1时border与文本变红
c.css({
"border-color": "#E85F5C",
"color": "#E85F5C"
});
$('.page-tips').show();//提示显示
} else {//在1-35范围内的数字边框变绿,文本变黑
c.css({
"border-color": "#24AC7E",
"color": "#555"
});
$(".page-tips").hide();提示隐藏
};
});
c.blur(function() {//当input失去焦点时
if (c.val().length <= 0){//并且输入框没有字符时
c.css({
"border-color": "#CCC", //边框变灰色
"color": "#555" //文本变黑色
});
$(".page-tips").hide();提示隐藏
});
});
这段js反应太慢了,要等个7-8秒才能反应过来,如何优化它?
你这个明显不是性能问题,代码写的有问题.
你直接改成这样试试: