Fiddle

Question

我有一个包含3个必填字段的表单：姓名，电子邮件和主题。如果我为每个人创建一个规则，他们会打开3个警告。我更喜欢所有字段的相同警告（它们都必须填写，否则表格不会被提交）。

目前，我已成功处理电子邮件。但我想知道我是否可以这样做：

var validator = new FormValidator('contactos-form', [{
        name: 'nome,email,assunto',
        rules: 'required'
    }]

我该怎么做？请帮忙！ :)谢谢

<div class="formArea">

    <div class="main-content-block-entry">

        <form method="post" name="contactos-form" class="add-comment-form" action="#">

            <input type="hidden" value="rodolfovieiradias@gmail.com" name="emailReceiver">
            <p><input type="text" placeholder="nome/ empresa" name="nome" class="nome"><input type="email" placeholder="email" name="email" id="email" class="email"></p>

            <p><textarea placeholder="assunto" name="assunto" class="assunto"></textarea></p>

            <p><button type="submit" name="submit"><i class="submit"></i> Submeter</button></p>

            <div class="statusMensagem"></div>
        </form>

    </div>
</div>
<script>                    
var validator = new FormValidator('contactos-form', [{
        name: 'email',
        rules: 'email',
        rules: 'required'

    }], function(errors, evt) {
        var SELECTOR_ERRORS = $('.statusMensagem');           


        if (errors.length > 0) {
            SELECTOR_ERRORS.empty();

            for (var i = 0, errorLength = errors.length; i < errorLength; i++) {
                SELECTOR_ERRORS.append(errors[i].message + '<br />');
            }


            SELECTOR_ERRORS.fadeIn(200);
        } else {

            SELECTOR_ERRORS.css({ display: 'none' });

            // Tens de chamar a função que vai enviar os dados para o servidor
            enviaform();
        }

        if (evt && evt.preventDefault) {
            evt.preventDefault();
        } else if (event) {
            event.returnValue = false;
        }
    });

console.debug(validator);
</script>

Answer 1

您可以通过在验证器javascript文件中编辑FormValidator方法的定义来更改此项。

简单的解决方案是添加FormValidator方法，如：

$('#myform').validate({ // initialize the plugin
        rules: {
            field1: {
                required: true,
                email: true
            },
            field2: {
                required: true,
                minlength: 5
            }
        }
    });

参考：A simple jQuery form validation script

Foms：所有必填字段的一个警告

1 个答案:

Fiddle