利用layer實現表單完美驗證

//基於layer框架之上，驗證表單時引用。彈出提示錯誤
function qxMsg(msgStr) {
  layer.open({
    type: 1,
    title: '提示消息',
    offset: '10%;',
    content: '<div style="padding: 20px 80px;">'+msgStr+'</div>',
    btn: '關閉',
    btnAlign: 'c',
    shade: 0.2,
    yes: function() {
      layer.closeAll();
    }
  });
}

　　上邊是封裝好的layer方法，下邊是結合表單開始驗證

//表單驗證
function checkForm() {
  var err = "";
  if(!$('input[name="ggName"]').val()) {
    err += "<br/>名稱不能為空";
  }
  if(!$('input[name="isId"]').val()) {
    err += "<br/>空間分類不能為空";
  }
  if(err) {
    err = err.substring(5);
    qxMsg(err);
    return 0;
  }
  return 1;
}

　　在ajax提交表單之前調checkForm方法即可，如：

//提交新增數據
function addGgBaseModel() {
  var flag = checkForm();
  if(flag == 0) return;
  var formData = new FormData(document.getElementById("myform"));
  formData.append("SysType", "10101");
  formData.append("SysName", "qxPC");
  formData.append("ModuleName", "規格型號");
  $.ajax({
    type: 'post',
    url: _URL_BASE + '/ggBaseModel/addGgBaseModel ',
    data: formData,
    cache: false,
    contentType: false,
    processData: false,
    dataType: 'json',
    success: function(retData) {
      console.log(retData);
      if(retData.ReturnType == "1001") {
        qxMsg("添加成功");
        $(".layui-layer-btn0").click(function() {
          $('.modal-backdrop').remove();
          $("#myModal").hide();
          getGgBaseModel();
        })
      } else if(retData.ReturnType == "4004") {
        kickout();
      } else {
        qxMsg(retData.Message);
      }
    },
    error: function(retData) {
      qxMsg("提交數據出錯");
    }
  });
};