jquery validate使用方法-纯属记录

xiaoxiao2021-02-28  30

validate是jQuery用了验证表单的插件,使用法法如下:

<script src="jquery.min.js"></script> <script src="jquery.validate.min.js"></script> <script src="messages_en.js></script>

messages_en.js

(function (factory) { if (typeof define === "function" && define.amd) { define(["jquery", "./jquery.validate.min"], factory); } else { factory(jQuery); } }(function ($) { /* * Translated default messages for the jQuery validation plugin. * Locale: RU (Russian; ??????? ????) */ $.extend($.validator.messages, { required: "This field is required.", remote: "Please fix this field.", email: "Please enter a valid email address.", url: "Please enter a valid URL.", date: "Please enter a valid date.", dateISO: "Please enter a valid date ( ISO ).", number: "Please enter a valid number.", digits: "Please enter only digits.", creditcard: "Please enter a valid credit card number.", equalTo: "Please enter the same value again.", maxlength: $.validator.format("Please enter no more than {0} characters."), minlength: $.validator.format("Please enter at least {0} characters."), rangelength: $.validator.format("Please enter a value between {0} and {1} characters long."), range: $.validator.format("Please enter a value between {0} and {1}."), max: $.validator.format("Please enter a value less than or equal to {0}."), min: $.validator.format("Please enter a value greater than or equal to {0}."), integer: "Please enter a positive or negative integer.", alphanumeric: "Please enter the letters, numbers or underscores.", lettersonly: "Please enter only alphabetic characters.", letterswithbasicpunc: "Please enter the letters or punctuation.", dateRU: "Please type the date in the format 01.12.2014", phoneRU: "Please enter a phone number in a format +38XXXXXXXXXX", require_from_select: "Please select from the list value", equal: "The value entered not match the required", require_if_select: $.validator.format('This field must be filled, if selected "{0}".'), edrpou: "Please enter the correct code EDRPOU", cents_for_dollar: "Please enter the correct number of cents", minlength_with_cleaning: $.validator.format("Please enter at least {0} characters."), required_with_cleaning: "This field is required." }); }));

调用:

//validate $().ready(function() { $("#register_form").validate({ rules:{ email:{ required: true, email: true }, password:{ required: true, minlength: 5 }, Paypal_account:{ required: true, email: true } } }); $(".change_password_form").validate({ rules:{ old_password:{ required: true, min:6 }, new_password:{ required: true, min:6 }, new_password_confirmation:{ required: true, equalTo: "#new_pass", min:6 } } }); });

示例:

转载请注明原文地址: https://www.6miu.com/read-2621591.html

最新回复(0)