jQuery Plugin convalida, è richiesto uno dei due campi

Question

Ho un modulo con 2 campi; cellulare n. e telefono no.

almeno 1 dei campi deve essere compilato, ma entrambi possono anche essere riempiti.

Ho bisogno di jquery validate per generare un errore se nessuno di questi è stato compilato.

ho raggiunto questo obiettivo con:

rules: { 
      mobile:{ 
       required: { 
        depends: function(element) { 
         return $("#regTelephone").val() === ''; 
        } 
       } 
      }, 
      telephone:{ 
       required: { 
        depends: function(element) { 
         return $("#regMobile").val() === ''; 
        } 
       } 
      } 
} 

tuttavia, se un solo campo è vuoto, questo campo ottiene ancora la classe 'valida', che non voglio che il mio css validi ha un bordo verde (quindi il campo vuoto ottiene ancora un bordo verde)

così: come ottengo il campo che è vuoto (a condizione che l'altro abbia un valore) per non ottenere la classe valida e quindi il bordo verde?

Answer 1

Utilizzando the optional additional-methods.js file, esiste un metodo chiamato require_from_group che fa esattamente ciò che si richiede. (È necessario utilizzare almeno versione 1.11.1 del plugin in modo da evitare un passato bug.)

rules: { 
    mobile:{ 
     require_from_group: [1, '.mygroup'] 
    }, 
    telephone:{ 
     require_from_group: [1, '.mygroup'] 
    } 
}, 
.... 

Il parametro 1 è il numero del gruppo sono richiesti. Nel markup HTML, i campi del gruppo devono contenere un class corrispondente allo class specificato nel secondo parametro.

<input type="text" class="mygroup" name="mobile" /> 
<input type="text" class="mygroup" name="telephone" /> 

lavoro DEMO: http://jsfiddle.net/NfcxX/

mio demo mostra anche la possibilità groups che combina i più messaggi di errore in una sola.

Answer 2

<input type="text" name="mobile" id="regMobile"> 
<input type="text" name="telephone" id="regTelephone"> 

rules: { 
      mobile:{ 
       required: { 
        depends: function(element) { 
         return $("#regTelephone").val() == '' 
        } 
       } 
      }, 
      telephone:{ 
       required: { 
        depends: function(element) { 
         return $("#regMobile").val() == '' 
        } 
       } 
      } 
}