2013-08-19 23 views
6

2 alanlı bir formum var; telefon numarası. ve telefon no. alanlarınjQuery Doğrulama eklentisi, iki alandan biri gereklidir

en az 1 doldurulacak vardır, ama her ikisi de doldurulabilir.

Ben bunların hiçbiri sadece doldurulur eğer bir hata oluşturması jquery validate gerekir.

ben bu elde ettik: Yalnızca bir alanı boşsa, bu alan hala benim geçerli css yeşil kenarlık gibi ben istemiyorum 'geçerli' sınıf alır

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

ancak böylece

(boş alanı yine yeşil bir sınır alır böylece): nasıl boş alan bu nedenle geçerli sınıf alamadım ve yeşil sınır (diğer bir değere sahip sağlayarak) alabilirim? the optional additional-methods.js file kullanma

+0

Sen koyabilirsiniz bir ondan sonra ifadesi '.val' boş –

+1

@Zeaklous ise geçerli sınıfını kaldırmak için onaylandığı taktirde, Bilginize, eklenti zaten' require_from_group' denilen bu durum için bir kural/yöntem vardır . – Sparky

cevap

13

, sen istemek tam olarak ne yapar require_from_group adında bir yöntem yoktur. (Bir geçmiş hatayı önlemek için eklentinin en az sürüm 1.11.1 kullanmalıdır.)

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

1 parametre gereklidir kaç grubundan olduğunu. HTML işaretlemede, grubunuzdaki alanlar ikinci parametrenizde belirtilen class ile eşleşen bir class içermelidir.

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

Çalışma DEMO: http://jsfiddle.net/NfcxX/

Benim demo da tek bir çoklu hata iletileri birleştirir groups seçeneği gösterir.

+0

Bununla ilgili bir sorunla karşılaştım. Diğer alanların onaylanmasını engelliyor gibi görünüyor. İlk 'başlık' alanını ekledim ve onaylama görmezden geliyor: http://jsfiddle.net/NfcxX/19/ – Andy

+1

@Andy, GitHub'ta bu hata hakkında henüz en son beta sürümde düzeltilmekte olan bir konuşma var. yayınlandı. – Sparky

-1
<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() == '' 
        } 
       } 
      } 
} 
+0

Eğer bu kadar basit olsaydı, 'require_from_group' yöntemine ihtiyacımız olmazdı. – Sparky

İlgili konular