ዛሬ ቅጾች ከድር መተግበሪያዎች ጋር ለተጠቃሚዎች መስተጋብር በጣም አስፈላጊ ከሆኑ መሳሪያዎች ውስጥ አንዱ ነው. ቅጾች ለማደራጀት ያስችሉዎታል ውጤታማ አስተዳደርበጣቢያው ላይ ያለ መረጃ, የጣቢያው ሁኔታ, ለደንበኞች አገልግሎት መስጠት, መረጃን ለሌሎች ተጠቃሚዎች ማስተላለፍ, የተዘጋውን ክፍል መድረስ እና ብዙ, ብዙ ... ስለዚህ, ቅጾቹን የበለጠ ለማድረግ ሙሉ በሙሉ ተፈጥሯዊ ፍላጎት አለ. ምቹ እና ለተወሰኑ የስራ ልዩነቶች ተስማሚ።

ለእንደዚህ አይነት ማሻሻያዎች አንዱ ገፁን እንደገና ሳይጭኑ, እየጨመረ እና እየቀነሰ, የውሂብ ግቤትን ብዛት የመቆጣጠር ችሎታን በይነተገናኝ መተግበር ሊሆን ይችላል. አንድ ሳይሆን ብዙ መዝገቦችን በአንድ ጊዜ ወደ ትግበራ ዳታቤዝ ማከል ከፈለጉ ይህ በጣም ምቹ ሊሆን ይችላል ። ወይም ተመሳሳይ መረጃ ቁጥር አስቀድሞ የማይታወቅ ከሆነ እያንዳንዱ የተለየ የግቤት መስክ ያስፈልገዋል (ለምሳሌ, ብዙ የስልክ ቁጥሮች ወይም ክሬዲት ካርዶችተጠቃሚ)። በዚህ ጽሑፍ ውስጥ አንዱን እንመለከታለን ቀላል አተገባበርበኩል እንዲህ ያለ ዕድል ጃቫስክሪፕት በመጠቀም jQuery ቤተ መጻሕፍት።

ከታች, በዚህ ጽሑፍ ውስጥ ከተገለጹት ምሳሌዎች ጋር አንድ ማህደር ማውረድ ይችላሉ.

ወደ ቅጹ አዲስ መስክ ማከል።

የ.append() ዘዴን በመጠቀም አዲስ የቅጽ መስክ እንፈጥራለን፡-

$ ("መራጭ") .አባሪ ("ሕብረቁምፊ");

ከተጠቀሰው "መራጭ" ጋር ወደ አንድ ኤለመንት ውስጠኛ ክፍል "ሕብረቁምፊ" ያክላል, ከተጨመረው ሕብረቁምፊ ጋር ያለውን ይዘት ይከተላል.

ብናስብበት የተለየ ምሳሌ፣ ከዚያ እንደዚህ ያለ ነገር ሊሆን ይችላል-

መስክ #1"/>አዲስ መስክ ጨምር

የ addField() ተግባር ራሱ እንደሚከተለው ሊተገበር ይችላል፡-

< script type= "text/javascript" >ተግባር addField () (var telnum = parseInt($("#add_field_area")) .ማግኘት ("div.add: የመጨረሻ") ) .አባሪ ( "የመስክ ቁጥር "telnum");

በመጀመሪያ፣ እንደተለመደው፣ የ jQuery ቤተ-መጽሐፍትን እናካትታለን እና በመቀጠል የ addField() ተግባርን እናውጃለን። ተግባሩ በመጀመሪያ በተጨመረው ንጥረ ነገር ውስጥ ማስገባት የሚገባውን ቁጥር ያሰላል - ይህን ቁጥር በመጠቀም አላስፈላጊ መስኮችን እናስወግዳለን. ከዚያም addField() በ div# add_field_area ላይ የ div#add№ ብሎክን ኮድ ከውስጥ ካለው ቅጽ መስክ ጋር ያክላል፣ ይህም ኮድ ከላይ ከተጠቀሰው "መስክ ቁጥር 1" ጋር ሙሉ በሙሉ ይመሳሰላል። አሁን “አክል” የሚለውን ቁልፍ ስንጫን አዲስ መስክ እንዴት እንደሚታይ እናያለን።

የተወሰነ ቅጽ መስክን በመሰረዝ ላይ።

የ DOM ዛፍ አካላትን ለማስወገድ የማስወገድ() ዘዴን መጠቀም ይችላሉ፡-

$ ("መራጭ"). አስወግድ ();

ከተጠቀሰው "መራጭ" ጋር በንጥል ላይ የሚተገበር. በነባሪነት አንድ መስክ ሁል ጊዜ መቆየት እንዳለበት እናስባለን ፣ ሁሉም ተጨማሪዎች ሊሰረዙ ይችላሉ። ይህንን ለማድረግ በ addField () ተግባር ውስጥ ፣ በ .append () ዘዴ የመለኪያ መስመር ውስጥ ፣ የመስክ ማጥፋት ቁልፍን ኮድ እንጨምራለን ፣ ሲጫኑ ፣ የ DeleteField (id) ተግባር ይጠራል እና ቁጥሩ መሰረዝ ያለበት መስክ ወደ ተግባሩ ይተላለፋል።

ተግባር addField () (var telnum = parseInt($("#add_field_area")) .ማግኘት ("div.add: የመጨረሻ") ) .አባሪ ( "መስክ ቁጥር " telnum " " ) ;

የ DeleteField() ተግባር ራሱ በጣም ቀላል ሊሆን ይችላል፡-

ተግባር DeleteField (መታወቂያ) ($("div# add" id) ማስወገድ () ;)

ይኼው ነው። አሁን, ከተመረጠው መስክ በተቃራኒ አዝራሩ (ቀይ መስቀል) ላይ ሲጫኑ, ይጠፋል, እና በእሱ ውስጥ የተቀዳው መረጃ.

በአገልጋዩ ላይ የውሂብ ሂደት (php)።

አንድ ቅፅ አንድ አይነት የውሂብ አይነት ያላቸው በርካታ መስኮችን ሲይዝ, የውሂብ ሂደትን በተመለከተ ጥያቄው በተፈጥሮው ይነሳል, ለምሳሌ ወደ ዳታቤዝ ከመላኩ በፊት. ከላይ ባለው ምሳሌ, ይህ ጉዳይ የሚፈታው ለቅጹ መስክ የስም ባህሪን ከቫል መለኪያ ጋር በመግለጽ ነው. ይህ ማለት ይህን ቅጽ ውሂብ ካስገባ በኋላ ማለት ነው። የPOST ዘዴየእነዚህ መስኮች እሴቶች በ$_POST['val'] ድርድር ውስጥ ይቀመጣሉ፣ ክፍሎቹም ሊደጋገሙ በሚችሉበት foreach loop(...) (...)፣ ለምሳሌ፥

foreach ($_POST ["val"] እንደ $value) (// የእርስዎ ኮድ...)

ወይም፣ አስፈላጊ ከሆነ፣ የ implode() ተግባርን በመጠቀም ከእነዚህ ተመሳሳይ መስኮች የተገኙትን ሁሉንም መረጃዎች ወደ አንድ መስመር “ሙጥኝ” ያድርጉ።

$str = implode ("|", $_POST ["ቫል"]);

ከዚያ ሁሉም የመስክ እሴቶች ከስም = "val" ጋር ወደ ሕብረቁምፊ ይጣመራሉ "ቋሚ አሞሌ" ገዳቢ።

ግን ይህ የአገልጋይ-ጎን ሂደት ነው ፣ በነገራችን ላይ ለደህንነት ምክንያቶች የበለጠ ተመራጭ ነው። ነገር ግን እንደዚህ ያሉ መስኮችን በደንበኛው በኩል እንዲያካሂዱ የሚያስገድዱ ሁኔታዎች ሊፈጠሩ ይችላሉ፡ ለምሳሌ፡ የአገልጋይ ስክሪፕቶች መዳረሻ የለዎትም (አንድ ዓይነት የርቀት ፎርም ተቆጣጣሪ እየተጠቀሙ ነው) ወይም በሆነ ምክንያት የአገልግሎቱን አሠራር መቀየር አይችሉም። በአገልጋዩ ላይ ያለውን ቅጽ ተቆጣጣሪ. በዚህ ሁኔታ, ዘዴዎችን መጠቀም ይችላሉ ጃቫስክሪፕት ቋንቋ, እና አስቀድመን እየሰራን ስለሆነ jQuery ቤተ መጻሕፍት- ከዚያም በውስጡ መስራታችንን እንቀጥላለን.

የውሂብ ሂደት በደንበኛው በኩል።

የእኛ ተግባር የዚህን ባለብዙ መስክ ውሂብ በሙሉ በቋሚ አሞሌ "|" ወደተለየ መስመር ማዋሃድ ነው እንበል። እንደ እውነቱ ከሆነ, ይህ በጣም ቀላል ነው.

በመጀመሪያ ፣ ቅጹን እራሱን በትንሹ ማሻሻል አለብን ፣ ማለትም አንድ የተደበቀ መስክ ይጨምሩ።