<input type="text" class="form-control" name="userName" th:field="*{userName}" placeholder="请输入用户名称">
jQuery.validator.addMethod("checkInput", function(value, element) {
var pattern = new RegExp("[.`~!@#$^&*=|{}':;',\\[\\]<>《》/?~!@#¥……&*|{}【】‘;:”“'。,、?' ']");
var reg = /^([0-9]+)$/;
if(pattern.test(value)) {
return false;
} else if(value.indexOf(" ") != -1){
return false;
} else {
return true;
}
}, "禁止输入特殊字符");
/*用户信息-修改*/
$("#form-user-edit").validate({
onkeyup: false,
rules:{
userName:{
required:true,
maxlength: 30,
checkInput: true
}
},
messages: {
"userName": {
required: "请输入用户名称",
checkInput: "禁止输入特殊字符"
}
},
focusCleanup: true
});
提交之前先校验
function submitUserInfo() {
if ($.validate.form()) {
$.operate.saveModal(ctx + "system/user/profile/update", $('#form-user-edit').serialize(),function(){
// 刷新右上角的名称
parent.window.location.reload();
});
}
}
效果如下:
参考资料 https://blog.csdn.net/weixin_42759709/article/details/85051661