Question

我是JQuery的新手，我遇到了与表单验证相关的以下问题。

所以我认为不要自己编写验证器，而是使用 JQuery Validation Plugin ，这个：http://jqueryvalidation.org/

根据我的理解，它为我提供了内置的 required（）方法，该方法需要特定字段（如果用户不为此字段插入值，则错误消息为示出）。

好的......我的问题是，在我的表格中，我有类似的东西：

<form method="post" action="consultazioneRicercaForm" id="consultazioneRicercaForm">

    <div class="row">
        <div class="col-md-4">

            <label style="display: block;">Regioni:</label>
            <select name="regioneSelezionata" id="selReg">
                <option value="-">--SELEZIONARE UNA REGIONE--</option>
                <option value="AB">ABRUZZO</option><option value="BA">BASILICATA</option><option value="CA">CAMPANIA</option><option value="CL">CALABRIA</option><option value="EE">REGIONE ESTERA</option><option value="EM">EMILIA ROMAGNA</option><option value="FR">FRIULI-VENEZIA GIULIA</option><option value="LA">LAZIO</option><option value="LI">LIGURIA</option><option value="LO">LOMBARDIA</option><option value="MA">MARCHE</option><option value="MO">MOLISE</option><option value="PI">PIEMONTE</option><option value="PU">PUGLIA</option><option value="SA">SARDEGNA</option><option value="SI">SICILIA</option><option value="TO">TOSCANA</option><option value="TR">TRENTINO-ALTO ADIGE</option><option value="UM">UMBRIA</option><option value="VA">VALLE D' AOSTA</option><option value="VE">VENETO</option>
            </select>
        </div>


        <div class="col-md-4">
            <label style="display: block;">Province:</label>
            <select name="provinciaSelezionata" id="selProv"><option value="">--SELEZIONARE UNA PROVINCIA--</option></select>
        </div>


        <div class="col-md-4">
        </div>

    </div>

    <div style="margin-top: 30px;" class="row">
        <div class="col-md-4">
            <label style="display: block;">Codice Meccanografico:</label>
            <input type="text" value="" name="codMec" id="selCodMec">
            </div>

            <div class="col-md-4">
                <label style="display: block;">Tipologia Progetto:</label>
                <select name="tipologiaProgettoSelezionato" id="selTipologiaProgetto">
                    <option value="-">--TIPOLOGIA--</option>
                    <option value="WIFI">WIFI</option><option value="LIM">LIM</option><option value="Altro">Altro</option><option value="Classi 2.0">Classi 2.0</option><option value="Scuola 2.0">Scuola 2.0</option><option value="CSD">CSD</option>
                </select>

            </div>


            <div class="col-md-4">
                <label style="display: block;">Stato Progetto:</label>
                <select name="statoProgettoSelezionato" id="selStatoProgetto">
                    <option value="-">--STATO PROGETTO--</option>
                    <option value="Da compilare">Da compilare</option><option value="In lavorazione">In lavorazione</option><option value="Da validare">Da validare</option><option value="Validato">Validato</option><option value="Rendicontato pregresso">Rendicontato pregresso</option>
                </select>

            </div>

        </div>

        <div style="margin-top: 30px;" class="row">
            <div class="col-md-12">
                <input type="submit" value="Cerca">
            </div>
        </div>
</form>

正如您所看到的，它包含一些字段，其中 id =＆＃34; selReg＆＃34; 和 id =＆＃34; selCodMec＆＃34;

因此，我的验证仅针对前两个字段，特别是如果字段 id =＆＃34; selReg＆＃34; 或字段，则表单可视为有效> id =＆＃34; selCodMec＆＃34; 设置了值。因此，如果这两个字段中至少有一个由用户定价，则我的表单被视为有效。

我认为在这种情况下，我无法使用 required（）方法，因为在我看来 required（）方法是指具体领域并没有实现以前的逻辑。

我该如何解决这个问题？我可以将此 JQuery Validation Plugin 用于我的目的吗？

TNX

Answer 1

我在我的一个项目中也使用了jQuery Validation。

尝试添加自己的验证规则：

$.validator.addMehtod('oneOrOther',function(value) {
  if(!$("#selReg").val() && !$("#selCodMec").val())
    return false;
  else
    return true;
});

将验证分配到字段：

$("#consultazioneRicercaForm").validate({
  ...
  rules: {
    regioneSelezionata: {
      oneOrOther: true
    }
   ...
  }
});

我希望，我理解你的问题。

如何使用JQuery Validation Plugin验证具有此特定约束的此表单？

1 个答案: