-1

我有一个带有所需电话号码字段的表单，看起来像这样，带有 maskedinput 插件

(999) 999-9999

我希望 jquery 验证忽略文字以验证这一点。另外，我希望在提交表单之前删除文字。但是如果出现验证错误，我仍然希望激活 maskedinput 插件，这样格式对于用户来说仍然是正确的。

我想我可以编辑正则表达式进行验证，但是当提交表单时，文字仍然会在那里。

让我知道我需要更好地解释这一点。

有任何想法吗？我对 jquery 很陌生，所有如此详细的解决方案都会很棒。

我的javascript代码是这个

$(document).ready(function(){


    jQuery.validator.addMethod("phoneUS", function(phone_number, element) {
    phone_number = phone_number.replace(/\s+/g, ""); 
    return this.optional(element) || phone_number.length > 9 &&
    phone_number.match(/^(1-?)?(\([2-9]\d{2}\)|[2-9]\d{2})-?[2-9]\d{2}-?\d{4}$/);
    }, "US Phone Number Required");


    $("#valform").validate({
    invalidHandler: function(form, validator) {
        var errors = validator.numberOfInvalids();

        if (errors) {
            $("#error-message").show().text("Please correct the required field(s)");
        } else {
            $("#error-message").hide();
        }
    },
    messages: {
        phone: {
            required: ""
        }
    },
    rules: {
        phone: {
            required: true,
            phoneUS: true
        },

        },
     });



    $("#phone").mask("(999) 999-9999",{placeholder:"  "});


    });
4

1 回答 1

1

您可以在使用 js 提交表单之前删除其他字符

此代码将在输入后立即从输入中删除禁止字符。

输入字段具有“数字”类。这会将“keyup”事件绑定到该输入字段并调用一个名为“handleInputKeyUp”的函数

 $(".numbers").bind("keyup", handleInputKeyUp);

功能：

function handleInputKeyUp(e){    

    var temp = e.currentTarget.value;
                temp = temp.replace(/[^\d-]/g, "");
                e.currentTarget.value = temp;
    }

此代码从输入字段中删除除数字和 - 之外的所有内容。

于 2012-08-13T07:30:22.237 回答