文本字段中的javascript验证

时间:2018-06-18 14:06:19

标签: javascript jquery laravel laravel-5 laravel-4

当用户中断验证时立即发出警报,但是当我点击输入文本字段而不是警告消息时,这里的哪个脚本出现问题,即使我没有输入任何值。



<script>
        function validation(){
            var rate = document.getElementById("rate").value;
            if (rate == "" || rate.length<5);
            alert("it is wrong value");
            return false;
        }
    </script>
&#13;
<div class="form-group col-lg-5">
                {!! Form::label('rate', 'Traded Rate:') !!}
                {!! Form::text('rate', null, ['class'=>'form-control', 'onclick'=>'return validation()'])!!}
            </div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:3)

由于您在输入标记上设置了onclick,因此似乎已触发验证。尝试将onclick替换为oninput,以便在您开始在输入字段中输入内容时调用该函数。另外,通过将您的函数修改为以下代码来考虑@ physi的注释:

function validation(){
    var rate = document.getElementById("rate").value;
    if (rate == "" || rate.length<5){
      alert("it is wrong value");
    }
    return false;
}