jquery

Question

का उपयोग कर किसी टेक्स्टबॉक्स के सीमा रंग को कैसे सेट करें jquery का उपयोग कर नियंत्रण के डिफ़ॉल्ट सीमा रंग को कैसे सेट करें।

 if (_userName.val().trim() == "") { 
      errMsg += "\nUserName is a mandatory field."; 
      _userName.css('border-color', 'red'); 
     } 
     else { 
      _userName.css('border-color', 'red');//Set border-color as loaded 
//when page was loaded 
     } 

पेज लोड होने पर लोड-रंग को लोड करने के तरीके को कैसे सेट करें।

Answer 1

एक चर में पृष्ठ लोड और दुकान पर सीमा रंग प्राप्त करें:

$(function(){ 
    var color = _userName.css('border-color'); 
}); 

और फिर आप इसे बाद में उपयोग कर सकते हैं:

if (_userName.val().trim() == "") { 
     errMsg += "\nUserName is a mandatory field."; 
     _userName.css('border-color', color); 
    } 
    else { 
     _userName.css('border-color', color); 
    } 

यह भी सुनिश्चित करें एक सीमा होती है कि कम से कम उदाहरण के लिए बनाने के border:1px solid #colorcode

Answer 2

मैं HTML तत्व को एक सीएसएस वर्ग बदल रहा हूं जो रंग निर्दिष्ट करता है।

बस सीएसएस वर्ग निर्दिष्ट रंग करने के लिए इसे रीसेट करने के सीमा-रंग को दूर:

_userName.css("border-color", "") 

Answer 3

मैं त्रुटि नामक एक नई शैली वर्ग बनाने और पाठ बॉक्स पर इसे लागू करने का सुझाव देते हैं जब क्षेत्र त्रुटि है । कोड स्निपेट:

सीएसएस: .error{border-color:#F00;}

 if (_userName.val().trim() == "") { 
      errMsg += "\nUserName is a mandatory field."; 
      $("#textboxid").addClass("error"); 
     } 
     else { 
      _userName.css('border-color', 'red');//Set border-color as loaded 
      $("#textboxid").removeClass("error"); 
     } 

लाभ: क्षेत्र कोई भी त्रुटि नहीं है, तो हम सिर्फ त्रुटि वर्ग और पाठ बॉक्स नज़र हटा सकते हैं और महसूस मूल शैली के लिए वापस आ जाएगी। मूल सीमा रंग को स्पष्ट रूप से ट्रैक करने की आवश्यकता नहीं है। और स्टाइल नियम भी पुनः उपयोग करने योग्य है! ;-)

Answer 4

पेज लोड पर रंग सेट करने के लिए आप निम्न कार्य कर सकते हैं।

$(function(){ 
    $('#ID for _userName').css('border-color', color); 
}); 

अन्य सभी के रूप में सीमा रंग के लिए, लेकिन यह फॉर्म जमा करने पर होना चाहिए।

<form ... onSubmit="ValidateUser(this)"> 
... Your form elements ... 
</form> 

और अपने जे एस इस

function ValidateUser(frmObj){ 

    if (frmObj._userName.value.trim() == "") { 
      errMsg += "\nUserName is a mandatory field."; 
      $('#ID for _userName').css('border-color', color); 
     } 
     else { 
      $('#ID for _userName').css('border-color', ''); 
     } 
} 

की तरह लग रहे वीरा की तरह समझाया मैं भी एक वर्ग ही बनाने का एक ही तर्क का सुझाव देगा और उस का उपयोग करने के होगा।