JS校验表单必填项

JS校验一个逻辑：  通过js获取文本框的值，去判断，当值为空的时候将提示文案的div的class添加hide属性，false,否则移除hide属性，true,触发提交





简单写个示例：
HTML部分：

<div class="form-group">
    <label for="" class="col-sm-2 control-label">用户名</label>
    <div class="col-sm-10">
        <input type="text" class="form-control" name="username" value="{{$hrInfo->username or old('username')}}" placeholder="请输入用户名">

        <div class="error-message hide">
            <span class="text-denger" style="color: red">必填</span>
        </div>
    </div>
</div>

JS部分：

<script>
    $(function () {
        $(":submit").click(function (e) {
            e.preventDefault();
            if (boolInfo()) {
                $('.add-hr-info').submit();
            }
        })

        function boolInfo() {
            var bool = false;

            //  用户名
            if ($('[name=username]').val()) {
                bool = true;
                $('[name=username]').next().addClass('hide');
            } else {
                bool = false;
                $('[name=username]').next().removeClass('hide');

            }


            return bool;

        }
    })

</script>

转载于:https://www.cnblogs.com/a-record/p/8533940.html