jQuery validate自定义校验规则（过滤特殊字符）

 <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