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>