html - JavaScript console.log from within a function -

  & lt;! DOCTYPE html & gt; & LT; html & gt; & Lt; शीर्ष & gt; & Lt; मेटा वर्णसेट = "यूटीएफ -8" & gt; & Lt; link rel = "stylesheet" href = "login.css" & gt; & Lt; script src = "http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt; script src = "jquery.serializeJSON.min.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt; / head & gt; & LT; बॉडी & gt; & LT; स्क्रिप्ट & gt; $ (Document) .ready (function () {$ ("# submit-button")। क्लिक करें (फ़ंक्शन (e) {var उपयोगकर्ता नाम = JSON.serialize ($ ('# username')। Val ()। ToLowerCase () ); Console.log ($ ('$ username')। Val ());});}); & Lt; / स्क्रिप्ट & gt; & Lt; div वर्ग = "लॉगिन-कंटेनर" & gt; & Lt; div वर्ग = "शीर्षक" & gt; प्रवेश प्रपत्र & lt; / div & gt; & Lt; div class = "form-fields" & gt; & Lt; form name = "login-form" id = "login-form" method = "POST" & gt; & Lt; इनपुट प्रकार = "टेक्स्ट" नाम = "उपयोगकर्ता नाम" प्लेसहोल्डर = "उपयोगकर्ता नाम" आवश्यक & gt; & lt; / input & gt; & Lt; इनपुट प्रकार = "पासवर्ड" नाम = "पासवर्ड" प्लेसहोल्डर = "पासवर्ड" आवश्यक & gt; & lt; / input & gt; & Lt; इनपुट प्रकार = "सबमिट करें" मान = "लॉग इन करें" id = "सबमिट करें-बटन" & gt; & lt; / input & gt; & Lt; / प्रपत्र & gt; & Lt; / div & gt;  

मैं इसे serializing के बाद उपयोगकर्ता नाम लॉग करने की कोशिश कर रहा हूँ, लेकिन console.log फ़ंक्शन के भीतर से कुछ भी छपाई नहीं कर रहा है। इस प्रकार की स्थिति में डिबग करने का सबसे अच्छा तरीका क्या है

स्ट्रिंग को कम केस में कनवर्ट करने की विधि toLowerCase है, नहीं < कोड> toLowerCaser , और स्ट्रिंग पर कोई serializeJSON विधि नहीं है। आप JSON.serialize विधि का प्रयोग करेंगे:

  var उपयोगकर्ता नाम = JSON.serialize ($ ('# उपयोगकर्ता नाम')। Val ()। ToLowerCase ());  

एक त्रुटि को खोजने के लिए, आपको ब्राउजर में त्रुटि लॉग में दिखना चाहिए, आपको इसे एक त्रुटि संदेश दिखाया जाना चाहिए जिससे कि toLowerCaser फ़ंक्शन नहीं है आपको यह बताना चाहिए कि शायद यह नहीं है कि यह विधि किस प्रकार बुलाती है और दस्तावेज़ीकरण में दिखती है (उदाहरण के लिए)। जब आप तय करते हैं कि आपको serializeJSON के लिए एक ही त्रुटि मिल जाएगी।

डीबग करने के लिए console.log का उपयोग करने के लिए, आप चरणों को विभाजित कर सकते हैं और उत्तरोत्तर रूप से परिणाम की जांच करें उदाहरण के लिए:

  // देखें कि क्या jQuery को कुछ भी कंसोल.लाग ($ ('$ username')। लंबाई); // जांचें कि पाठ कंसोल। लॉग ($ ('' यूज़रनेम '')। Val ()); // जाँच करें कि toLowerCaser को console.log काम करता है ($ ('# उपयोगकर्ता नाम')। Val ()। ToLowerCaser ()); // check if serializeJSON console.log ($ ('# username') काम करता है। Val ()। ToLowerCaser ()। SerializeJSON ());  

संपादित करें:

जब आपने HTML कोड भी दिखाया है, तो मुझे लगता है कि इसमें id = "username" , इसलिए $ ('# उपयोगकर्ता नाम') एक रिक्त jQuery ऑब्जेक्ट होगा।

यदि आप console.log ($ ('$ username') की कोशिश करते हैं। लंबाई); आप देखेंगे कि यह 0 लिखता है।