Jquery प्रमाणीकरण: कैसे फ़ील्ड लाल बनाने के लिए

Question

मैं एक फॉर्म को प्रमाणित करने के लिए jquery और jquery.validate.cs (jQuery सत्यापन प्लगइन 1.8.0) का उपयोग कर रहा हूं। अभी यह एक फ़ील्ड के बगल में एक संदेश प्रदर्शित करता है जिसमें कहा गया है: "यह एक आवश्यक फ़ील्ड है"।

मैं भी चाहता हूं कि प्रत्येक फ़ील्ड लाल रंग बदल जाए। मुझे यह कैसे करना है? धन्यवाद!

Answer 1

किसी भी कस्टम विन्यास के बिना, आप केवल यह कर सकते हैं:

select.error, textarea.error, input.error { 
    color:#FF0000; 
} 

• एक अवैध इनपुट पर लागू डिफ़ॉल्ट वर्ग error
• मान्य किए गए इनपुट के लिए डिफ़ॉल्ट श्रेणीहै।

ये कक्षाएं त्रुटि लेबल पर भी लागू होती हैं, इसलिए अपने सीएसएस को लिखते समय जागरूक रहें।

• डिफ़ॉल्ट वर्गों के साथ डेमो:

  $("form").validate({ 
      errorClass: "my-error-class", 
      validClass: "my-valid-class" 
  }); 
  
  .my-error-class { 
      color:#FF0000; /* red */ 
  } 
  .my-valid-class { 
      color:#00CC00; /* green */ 
  } 
  

  • कस्टम वर्गों के साथ डेमो: http://jsfiddle.net/wesley_murch/j3ddP/2/

  validation plugin आप इन वर्ग के नाम कॉन्फ़िगर करने के लिए है, तो आप कुछ इस तरह कर सकते हैं अनुमति देता है: http://jsfiddle.net/wesley_murch/j3ddP/1/

,210

कॉन्फ़िगरेशन विकल्प http://docs.jquery.com/Plugins/Validation/validate

Answer 2

उपयोग Firebug को देखने के लिए क्या त्रुटि तत्व के वर्ग है और फिर इसे लाल बनाने के लिए सीएसएस का उपयोग करें:

.error-label { 
    color: red; 
} 

Answer 3

$("#myform").validate({ 
    error: function(label) { 
    $(this).addClass("error"); 
    }, 
}); 

उपयोग errorClass पैरामीटर पर पाया जा सकता .invalid वर्ग को जोड़ने के लिए:

input.error { 
    color: red; 
}