1.前端
<script th:src="@{/js/jquery.validate.min.js}"></script>
...
<form id="extraForm">
<input id="assetName" name="assetName" type="text" onclick="selectEquip()">
<input id="partId" name="partId" class="form-control" type="text">
</form>
2.定义
var validator = validateRule();
function validateRule() {
var icon = "<i class='fa fa-times-circle'></i> ";
var validator = $("#extraRepairForm").validate({
rules : {
assetName : {
required : true
},
partId : {
required : true
}
},
messages : {
assetName : {
required : icon + "必填!!!"
},
partId : {
required : icon + "必填!!!"
}
}
})
return validator;
}
3.使用
function submit() {
var fromData = $('#extraForm').serializeObject();
//验证
var check = validator.form();
if (!check) {
return;
}
formData.flag = "1";
$.ajax({
async : false,
type : "POST",
url : "xxxx",
data : fromData,
dataType : "json",
success : function(data) {
},
error : function(request) {
layer.alert("Connection error");
},
});
};