输入时检查输入(仅限数字)

时间:2017-12-27 18:00:49

标签: javascript jquery html

我想在输入时检查输入值,但我的代码似乎无效(在片段上工作但是MVC VS 2013)
我的代码出了什么问题?



$(document).ready(function(){

        $('#txtAge').keyup(function(){
            var pattern = /^\d+$/;
            if(pattern.test($(this).val()) && $(this).val()!='' ){

                $("#age_error_message").hide();
                $("#txtAge").css('border-bottom', '2px solid #34F458');
            }
            else if ($(this).val() =='') {
                $("#age_error_message").html("Please enter your age");
                $("#age_error_message").show();
                $("#txtAge").css('border-bottom', '2px solid #F90A0A');
                
            }
            else {
                $("#age_error_message").html("Should contain number only");
                $("#age_error_message").show();
                $("#txtAge").css('border-bottom', '2px solid #F90A0A');
                
            }

        });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js">
</script>
Age: <input name="age" id="txtAge" type="text" class="btn-sm form-control " placeholder="Your age" />
<span class="error-form btn-sm text-danger" id="age_error_message"></span>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:2)

像这样改变。你的代码工作正常

.net core's

验证.. https://jsfiddle.net/knv8grt6/

答案 1 :(得分:0)

看起来我的代码不起作用bcz我把多功能放在&#39;脚本&#39;标签 。当我创建新的&#39;脚本&#39;标签然后把我的代码,它工作正常。有人可以解释一下吗?