如何为表单验证添加模式 RegEx？

Question

我有一张注册表，我在其中使用了 JavaScript 表单验证器

我的表格

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
    <form class="form-group" method="post" id="contact-form">
        {% csrf_token %}

        <input type"text" name="username" placeholder="userid" id="id_username"/>
        <input type"email" name="email" placeholder="email" id="id_email"/>
        <input type"password" name="password1" placeholder="password1" id="id_password1"/>
        <input type"password" name="password2" placeholder="password2" id="id_password2"/>
        <input type="address" name="address" placeholder="address" id="id_address"/>

        <input type="submit"/>

    </from>

JavaScript

<script type="text/javascript">

$(document).ready(function () {

    $('#contact-form').validate({
        rules: {
            username: {
                minlength: 5,
                required: true
            },
            email: {
                required: true,
                email: true
            },
            password1: {
                minlength: 6,
                required: true
            },
            password2: {
                required: true,
                minlength: 6,
                equalTo: "#password1",
            },
          address: {
                minlength: 5,
                required: true,

            },
        },
        highlight: function (element) {
            $(element).closest('.control-group').removeClass('success').addClass('error');
        },
        success: function (element) {
            element.text('OK!').addClass('valid')
                .closest('.control-group').removeClass('error').addClass('success');
        }
    });

   });

我想使用 RegEx 模式来处理 /-()., 这些字符只允许使用字母我如何在此使用模式 RegEx？

Answer 1

试试这个

address: {
            minlength: 5,
            maxlenght=50,
            required: true,
            regex: /^[a-zA-Z0-9\s,'-./()]*$/,
        },

如何为表单验证添加模式 RegEx？

How to add pattern RegEx for Form validation?

javascript

regex

jquery

jquery-form-validator