JQuery検証プラグインのカスタムメソッドを追加しました。ここで多くの質問を閲覧した後、私はそれを理解できません。JQuery検証プラグインのカスタムメソッドが動作しません
カスタムのphonenumberフィールドを入力しないとエラーメッセージが表示されますが、たとえば「A」の文字を入力するとフォームが通過します。
どうすればこの問題を解決できますか?
<!DOCTYPE html>
<html>
\t <head>
\t \t <meta charset="ISO-8859-1">
\t \t <title>Insert title here</title>
\t </head>
\t <body>
\t \t <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script>
\t \t <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
\t \t <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script>
\t \t <form action="" id="registration-form">
\t \t \t <p>
\t \t \t Firstname
\t \t \t <input name="firstname" data-validation="required"
\t \t \t \t \t data-validation-length="1-30"
\t \t \t \t \t data-validation-error-msg="Firstname has to be an alphabetical value (1-30 chars)">
\t \t \t </p>
\t \t
\t \t \t <p>
\t \t \t Prefix
\t \t \t <input name="prefix" data-validation="required"
\t \t \t \t \t data-validation-length="1-20"
\t \t \t \t \t data-validation-error-msg="Prefix has to be an alphabetical value (1-20 chars)">
\t \t \t </p>
\t \t
\t \t \t <p>
\t \t \t Lastname
\t \t \t <input name="lastname" data-validation="required"
\t \t \t \t \t data-validation-length="1-50"
\t \t \t \t \t data-validation-error-msg="Lastname has to be an alphabetical value (1-50 chars)">
\t \t \t </p>
\t \t
\t \t \t <p>
\t \t \t Company
\t \t \t <input name="company" data-validation="required"
\t \t \t \t \t data-validation-length="1-50"
\t \t \t \t \t data-validation-error-msg="Company has to be an alphabetical value (1-50 chars)">
\t \t \t </p>
\t \t
\t \t \t <p>
\t \t \t Phonenumber
\t \t \t \t <input name="phonenumber" data-validation="required phonenumber"
\t \t \t \t \t data-validation-error-msg="This is not a valid phonenumber">
\t \t \t </p>
\t \t
\t \t <p>
\t \t \t E-mail
\t \t \t <input name="mail" data-validation="email"
\t \t \t \t \t data-validation-error-msg="E-mail has to be a valid email">
\t \t \t </p>
\t \t
\t \t \t <p>
\t \t \t <input value="Validate" type="submit">
\t \t \t <input value="Reset form" type="reset">
\t \t \t </p>
\t \t </form>
\t \t
\t \t <script>
\t \t \t $(document).ready(function() {
\t \t \t \t $.validator.addMethod('phonenumber', function (value, element) {
\t \t \t \t return this.optional(element) || /^(\+91-|\+91|0)?\d{10}$/.test(value);
\t \t \t \t }, "Please enter a valid phone number");
\t \t \t });
\t \t \t
\t \t \t $.validate({
\t \t \t
\t \t \t });
\t \t </script>
\t </body>
</html>
あなたの正規表現がうまく機能していません。この記事では、いくつかの例があります。http://stackoverflow.com/questions/19840301/jquery-to-validate-phone-numberそれらを使用してみてください。幸運の仲間! – Antonio682