如何使用jquery对form表单进行非空校验

1.在需要校验的form标签上添加自定义属性：

data-attr-msg="***不能为空" data-attr-required="true" 并指明类名class="requried"

<select class="addSj requried" name="xkgcProgress" data-attr-msg="形象进度不能为空" data-attr-required="true">
<option value="">---请选择工程形象进度---</option>
    <c:forEach items="${listProcess}" var="item">
    <option value="${item.id}">
        ${item.dataValue}
    </option>
    </c:forEach>
</select>


<input type="text" readonly class="addSj requried" placeholder="请选择工作模板" data-attr-msg="工作模板不能为空" data-attr-required="true">

<div class="foot_btn" style="max-width: 1300px;">
    <a class="btn_keep" href="javascript:;" onclick="saveInfo()">委派</a>
    <a class="btn_cancel" href="javascript:;">取消</a>
</div>


js:脚本


function saveInfo() {
    $(".requried").each(function (i,item) {
        var required = $(item).attr("data-attr-required");
        if(required){
            //必填
            //查询是否填写
            var value = $(item).val();
            if(!value){
                Utils.toastWarning($(item).attr("data-attr-msg"));
                isSucess = false;
                return false;
            }

        }
    });
}

 

 

点击委派（即保存按钮时去校验即可）