web-dev-qa-db-ja.com

jQuery検証プラグイン：文字のみを受け入れますか？

http://bassistance.de/jquery-plugins/jquery-plugin-validation/ の検証プラグインを使用しています

私が見つけようとしているのは、フォームフィールドの一部に文字のみを受け入れ、数字、特殊文字などを受け入れないようにする方法です...

アイディアの人？どうもありがとう。

jqueryjquery-validate
19
pixelboy

単にカスタムバリデーターを追加して、次のように使用します：

jQuery.validator.addMethod("accept", function(value, element, param) {
  return value.match(new RegExp("." + param + "$"));
});

数字のみ：

rules: {
  field: { accept: "[0-9]+" }
}

文字のみ

rules: {
  field: { accept: "[a-zA-Z]+" }
}
37
Marcos Placona

小さな変化。

jQuery.validator.addMethod("accept", function(value, element, param) {
    return value.match(new RegExp("^" + param + "$"));
});

そのため、「＃abc」のような式を受け入れていました。

18
basex

スクリプトで以下のコードを使用します。これにより、バリデーターに新しい句が追加されます。

$.validator.addMethod(
        "alphabetsOnly",
        function(value, element, regexp) {
            var re = new RegExp(regexp);
            return this.optional(element) || re.test(value);
        },
        "Please check your input values again!!!."
);
$("#formElement").rules("add", {alphabetsOnly: "^[a-zA-Z'.\\s]$" })
4
Orchid

これを試してください：（これはjqueryバリデーターを使用した完璧なカスタム検証です）

$(function() {

    $.validator.addMethod("alphabetsnspace", function(value, element) {
        return this.optional(element) || /^[a-zA-Z ]*$/.test(value);
    });

    $("#add-employee").validate({
        rules: {
            employee_surname: {
                required: true,
                alphabetsnspace: true
            },
            employee_firstname: {
                required: true,
                alphabetsnspace: true
            },
            employee_othername: {
                alphabetsnspace: true
            },
            father_name: {
                required: true,
                alphabetsnspace: true
            },
            mother_name: {
                required: true,
                alphabetsnspace: true
            },
            spouse_name: {
                alphabetsnspace: true
            },
            ssn: {
                number: true,
            },
            phone_no: {
                number: true,
            },
            phone_no2: {
                number: true,
            },
            passport: {
                number: true,
            },
            driving_license: {
                number: true,
            },
            email: {
                email: true
            }
        },
        messages:
            {
                "employee_surname":{
                    alphabetsnspace: "Please Enter Only Letters"
                },
                "employee_firstname":{
                    alphabetsnspace: "Please Enter Only Letters"
                },
                "employee_othername":{
                    alphabetsnspace: "Please Enter Only Letters"
                },
                "father_name":{
                    alphabetsnspace: "Please Enter Only Letters"
                },
                "mother_name":{
                    alphabetsnspace: "Please Enter Only Letters"
                },
                "spouse_name":{
                    alphabetsnspace: "Please Enter Only Letters"
                },
            }
    });
});
2
Jasim Juwel

CDNを追加

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/additional-methods.js"></script>
rules:{
    txtname:{required: true,
            lettersonly:true
            }
0
Suresh Sakhare

カスタムバリデーターを追加する次のメソッドは正常に機能しますが、検証はキーアップで行われるため、ユーザーがテキストを入力している間、エラーがポップアップし続けます。

return value.match(new RegExp(""));

以下の方法は、名前フィールドに理想的な、アルファベットとスペースに適しています。

jQuery.validator.addMethod("alphabetsAndSpacesOnly", function (value, element) {
    return this.optional(element) || /^[a-zA-Z\s]+$/.test(value); });

    $("FieldId").rules("add", {
        alphabetsAndSpacesOnly: true,
        messages: { alphabetsAndSpacesOnly: "Please enter a valid name." }
    });
0
Bevin

このようにしてみてください：

        var numbers = /[0-9]+/;
        var SpCharacters = /^\s*[a-zA-Z0-9\s]+\s*$/;

        if (!numbers.test(name) && !SpCharacters.test(name)) {
            return [false, "Name should be alphabetical.", ""];
        }
0
Nalan Madheswaran

JQuery Validateプラグインには、すでにlettersonlyというルールが the additional-methods.js file 、これは次のようになります...

$.validator.addMethod( "lettersonly", function( value, element ) {
    return this.optional( element ) || /^[a-z]+$/i.test( value );
}, "Letters only please" );
0
Sparky