字母数字验证在 jquery 中不起作用

我的代码如下，包含所有必需的js文件。

<?php 
    echo $this->Html->script('jquery');
    echo $this->Html->script('jquery-ui');
    echo $this->Html->script('jquery.validate');
    echo $html->css('jquery-ui');

?>

当我提交表单而不为 UserDetailAliasName 提供任何值时，表单不会提交并显示验证错误消息（“此字段是必需的”）。但是如果我提交像 @、# 等值，表单会提交数据。我使用此表单从数据库搜索用户名。

$(document).ready(function () {
    jQuery.validator.addMethod("alphaNumeric", function (value, element) {
        return this.optional(element) || /^[0-9a-zA-Z]+$/.test(value);
    }, "Username must contain only letters, numbers.");


    $('#UserDetailIndexForm').validate({
        rules: {
            UserDetailAliasName: {
                required: true,
                alphaNumeric: true
            }
        }
    });

});

也请在规则下方包含一条消息：

    messages: {
    account:{
        required:"Porfavor ingresa tu ID de cuenta",
        minlength:"La cuenta debe tener al menos 6 caracteres",
        alphanumeric:"No se permite que ingreses caracteres invalidos"
    }

这对我有用（我的当地语言是西班牙语）