मेरे पास एक लॉगिन फॉर्म है और मैं यह जांचना चाहता हूं कि एक फ़ंक्शन केवल तभी कॉल किया जाता है जब कोई उपयोगकर्ता लॉग इन करने में विफल रहता है, अन्यथा उस फ़ंक्शन को नहीं कहा जाता है। मैं यह जांच कर jQuery का उपयोग करके ऐसा करना चाहता हूं कि पृष्ठ पर कोई तत्व मौजूद है या नहीं। उदाहरण के लिए, यदि उन्होंने सफलतापूर्वक लॉग इन नहीं किया है, तो लॉगिन फॉर्म अभी भी पेज पर रहेगा। यदि उन्होंने सफलतापूर्वक लॉग इन किया है, तो यह प्रकट नहीं होगा क्योंकि उन्हें होम पेज पर निर्देशित किया जाएगा। यहाँ मेरा कोड अब तक है:

    $(document).on("submit", "#myForm", function (e) {

           if ($('#myForm').length) {

               alert("hello");
               // Call Function 

           }
    });
}

$(document).ready(Login);

मैं यह देखने के लिए ($('#myForm').length) का उपयोग करने का प्रयास कर रहा हूं कि क्या लॉगिन फॉर्म अभी भी पृष्ठ पर मौजूद है और यदि ऐसा होता है, तो मैं उस फ़ंक्शन को कॉल करूंगा जिसे मैं कॉल करना चाहता हूं। हालाँकि मुद्दा यह है कि इसे कोई बात नहीं कहा जाता है (alert के साथ परीक्षण किया गया)।

क्या कोई मुझे सलाह दे सकता है कि फॉर्म जमा होने के बाद मैं पेज के लोड होने की प्रतीक्षा कैसे कर सकता हूं ताकि केवल तभी मेरा कोड यह देख सके कि पेज पर लॉगिन फॉर्म मौजूद है या नहीं? शुक्रिया!

1
Jordan1993 29 अक्टूबर 2019, 17:26

1 उत्तर

सबसे बढ़िया उत्तर

इस कोड का उपयोग करने का प्रयास करें, बस सत्र स्टोरेज में कुछ bool कुंजी सेट करें और सबमिट करने पर इसे true पर सेट करें, और पेज लोड पर जांच करें कि क्या यह मान सत्य है और फॉर्म अभी भी मौजूद है ... यहां मेरा कोड है 'jsfiddle पर काम नहीं करने के कारण मेरे पास sessionStorage तक पहुंच नहीं है, इसे अपने प्रोजेक्ट पर आज़माएं।

$(document).ready(function(){
  const form = $('#my-form');
  const isTried = window.sessionStorage.getItem('triedToLogin') || false;
  if (isTried && form.length) {
    alert("hello");
  }
  
  if (!form.length){
    window.sessionStorage.setItem('triedToLogin', false);
  }
  
  form.on('submit', function(){
      window.sessionStorage.setItem('triedToLogin', true);
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<form id="my-form">
<input placeholder="login" type="text" name="login"/>
<input placeholder="password" type="password" name="password"/>
<button type="submit">login</button>
</form>
0
Ivan Karaman 29 अक्टूबर 2019, 15:28