如何实时实现验证?

时间:2013-10-21 10:06:09

标签: javascript jquery

我已经在jsfiddle中实施了fundtransfer的验证。 它工作正常,但我在我的小提琴完成验证但仍有一个问题。我希望如果用户没有插入任何值并通过按Tab键转到下一个文本框,那么他或她可以看到错误消息。如何做到这一点

我的jquery代码在这里

$( document ).ready(function() {
    $("#text10").keyup(function(){
        $("#text10").blur();
        $("#text10").focus();
    });
    $("#text10").change(function(){
        var name = $('#text10').val();
        var numbers = /^[0-9]+$/;   
        var exp =/^[a-zA-Z]+$/;
        var specialChars = /[-!$%^&*()_+|~=`{}\[\]:";'<>?,.\/]/;

        if (name == "" || name == " " )
        {
            //  alert('All Boxes have ents.');
            $("#equal").show();
            $("#equal label").html("name doesn't empty"); 
        }

        $("#text11").keyup(function(){
            $("#text11").blur();
            $("#text11").focus();
        });
        $("#text11").change(function(){
            var name = $('#text11').val();
            var specialChars = "<>@!#$%^&*()_+[]{}?:;|'\"\\,./~`-=";

            if (name == "" || name == " " )
            {
                //  alert('All Boxes have elements.');
                $("#equal1").show();
                $("#equal1 label").html("Please enter Address");
            }

我的jsfiddle

2 个答案:

答案 0 :(得分:1)

使用“焦点”和“模糊”j查询事件,如果用户按下文本框而不插入任何值,则可以看到错误信息。

任何查询都可以免费询问。

答案 1 :(得分:1)

试试吧,我正在准备一个关于你的要求的例子

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.js"></script>
<script>
  $(document).on('keydown', 'input.text', function(e) { 
         var keyCode = e.keyCode || e.which; 

                 if (keyCode == 9) { 
                     if($(".text").val()==""||$(".text").val()==null)
                  {
                 $(this).css("borderColor","#FF0000")
                 $("#error").text("plz fill it first");
                  }

                  }
 });
</script>
<input type="text" value="" class="text">
<input type="text" value="" class="text" >
<p id="error"></P>