html - limit how many dynamic form fields are shown and validate as image with javascript -
मेरे पास निम्न jquery सक्षम जावास्क्रिप्ट है:
& lt; form & gt; & Lt; इनपुट प्रकार = "फ़ाइल" & gt; & Lt; / प्रपत्र & gt; प्रतिनिधि ('इनपुट [प्रकार = फ़ाइल]', 'परिवर्तन', फ़ंक्शन () {var फार्म = $ (यह) .closest ('form'); फ़ॉर्म संलग्न करें ('& lt; इनपुट प्रकार = "फ़ाइल" & gt;';);});}); यह एक फ़ाइल अपलोड फ़ील्ड को गतिशील रूप से जोड़ देगा क्योंकि उपयोगकर्ता अपलोड करना चाहते हैं, वे फ़ाइलों को जोड़ते हैं। मैं इसे केवल छवियों तक सीमित कैसे कर सकता हूं, और 5 छवियों को जोड़ने के बाद नए फ़ील्ड जोड़ना बंद कर सकता हूं?
मैं कई फ़ील्ड से स्विच करने की कोशिश कर रहा हूं, जिसे मैं इस तरह की छवियों के रूप में मान्य करता हूं:
var मान्य_एक्सटेंशन = /(.gif|.jpg|.jpeg|.png)$/i; फ़ंक्शन चेकएक्स्टेंशन (एफडीआर) {यदि (वैध_एक्स्टेन्सटेंस्टेस्ट। (एफडब्ल्यू.वल्यू)) सच हो तो; चेतावनी ('केवल जीआईएफ, पीएनजी या जेपीजी प्रारूप की अनुमति है!'); fld.select (); fld.value = ""; fld.focus (); विवरण झूठा है; } & Lt; input type = "file" onChange = "वापसी जांच एक्सटेंशन (यह);" & gt;
अपना लक्ष्य जानने के लिए, आपको अपने फ़ंक्शन को फिर से लिखना चाहिए:
var जांचविस्तार; Var valid_extensions = /(.gif|.jpg|.jpeg|.png)$/i; Var सीमा = 5; // पंक्तियों की सीमा को परिभाषित करें var i = 0; $ ('फॉर्म')। प्रतिनिधि ("इनपुट [प्रकार = फ़ाइल]", "परिवर्तन", फ़ंक्शन () {यदि (i & lt; सीमा & amp; जांच एक्स्टेंशन (यह)) {$ ('फ़ॉर्म')। ($ ("& Lt; इनपुट & gt;")। Attr ({type: "file"}));} i ++;}); CheckExtension = function (fld) {यदि (valid_extensions.test (fld.value)) सच हो तो; चेतावनी ('केवल जीआईएफ, पीएनजी या जेपीजी प्रारूप की अनुमति है!'); fld.select (); fld.value = ""; fld.focus (); विवरण झूठा है; }
Comments
Post a Comment