1
Ich habe eine benutzerdefinierte Methode für die JQuery Validierung Plugin hinzugefügt, und nach dem Durchsuchen vieler Fragen hier und auf anderen Seiten kann ich es einfach nicht herausfinden.Benutzerdefinierte Methode für JQuery Validierung Plugin funktioniert nicht
Ich bekomme eine Fehlermeldung, wenn nicht die benutzerdefinierte Telefonnummer Feld eingeben, aber wenn ich zum Beispiel den Buchstaben "A" eingeben das Formular geht durch.
Wie kann ich das beheben?
<!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>
Sie regex nicht gut funktioniert. In diesem Beitrag http://stackoverflow.com/questions/19840301/jquery-to-validate-phone-number haben Sie mehrere Beispiele. Versuche sie zu benutzen. Viel Glück, Junge! – Antonio682