前端必填字段校验

第一步：在提交的时候添加一个点击事件

<input id="save" class="t4_btn t4_red_btn" type="button" value="提 交" onclick="saveZjjgRegister()">

第二步：在form表单之前加入一个校验的函数

function saveZjjgRegister() { if (!vaildForm()){ return false; } var index = layer.confirm('您确定要提交注册信息嘛?', { btn: ['确定','取消'] //按钮 }, function(){ //保存基本信息 savejbxx(); }, function(){ layer.close(index); }); } ```第三步：写一个公共的校验方法 ```javascript function vaildForm() { var result = true; $(".required").each(function (index,item) { if (item.value==''){ console.log(item); layer.msg("必填项请输入值！"); $('#'+item.id).focus(); result = false; return false; } }); return result; }

这样就可以了，在必填的字段加上required样式，就能校验了。