تعديل وحدة WebForm

Question

أحتاج إلى بعض المساعدة في تعديل وحدة WebForm بحيث يمكن أن تعمل في مشروعي. يمكنني استخدام WebForm الآن لصفحة واحدة ، والنماذج الأساسية ، وهي تعمل بشكل رائع. ما يجب أن أكون قادرًا على أخذ العديد من المواقع وربطها معًا بناءً على بعض التحديدات الأولية التي يقوم بها المستخدم. اسمحوا لي أن أقدم مثالا على ذلك.

يتم إرسال المستخدم إلى WebForm "المعلومات العامة" ، حيث وضعوا أشياء مثل الاسم وعيد الميلاد. هناك أيضًا 3 أسئلة تحتوي على صناديق الشيكات التي هي:

"أتملك منزلا"

"هل تملك سيارة"

"هل لديك أطفال"

يمكن للمستخدم تحديد الكل أو بعض أو أي شيء من الخيارات. استنادًا إلى ما يختاره المستخدم ، بمجرد الضغط على زر الإرسال ، سيتم إرسالهم إلى "نموذج المنزل" و "نموذج السيارة" و/أو "نموذج الأطفال".

عند الانتهاء من ملء جميع النماذج ، يتم إرسال بريد إلكتروني إلى المسؤول تمامًا كما يفعل WebForms الآن. لا يلزم تخزين المعلومات على الموقع الإلكتروني في قاعدة البيانات ، والبريد الإلكتروني كافٍ.

لذلك ، أي اقتراحات حول كيفية القيام بذلك؟ هل سيكون هناك شيء آخر إلى جانب WebForm أكثر ملاءمة؟ أو (إذا كنت محظوظًا للغاية) ، فهل هناك وحدة نمطية تفعل ما أحتاجه بالفعل؟

Answer 1

الحقول الشرطية هي ميزة من الإصدار القادم من WebForm مشكلة و ال النسخة التجريبية تم إصدار ذلك قبل أسبوعين.

Answer 2

لماذا لا تُظهر أو إخفاء عناصر النماذج ببساطة على النحو المطلوب ، بدلاً من إعادة التوجيه إلى أشكال أخرى ، والتي يمكن أن تتمثل في ذلك ،؟

باستخدام ما يلي (x) html:

<form enctype="form/multipart" method="post" action="">

    <fieldset>

        <legend>Cars:</legend>

        <label for="cars">Do you have one, or more, cars?</label><input name="cars" id="cars" class="test" type="checkbox" />
        <fieldset class="subSection" id="cars">
            <input type="radio" name="numCars" value="1" />One
            <input type="radio" name="numCars" value="2" />Two
            <input type="radio" name="numCars" value="3" />Three
        </fieldset>

    </fieldset>

    <fieldset>

        <legend>Children:</legend>

        <label for="kids">Do you have one, or more, children</label><input name="kids" id="kids" class="test" type="checkbox" />
        <fieldset class="subSection" id="kids">
            <input type="radio" name="numKids" value="1" />One
            <input type="radio" name="numKids" value="2" />Two
            <input type="radio" name="numKids" value="3" />Three
        </fieldset>

    </fieldset>

    <fieldset>

        <legend>Houses:</legend>

        <label for="houses">Do you have one, or more, houses</label><input name="houses" id="houses" class="test" type="checkbox" />
        <fieldset class="subSection" id="houses">
            <input type="radio" name="numHouses" value="1" />One
            <input type="radio" name="numHouses" value="2" />Two
            <input type="radio" name="numHouses" value="3" />Three
        </fieldset>

    </fieldset>

</form>

و jQuery (الذي يمكن ترتيبه ، لكنني ما زلت جديدًا في ذلك بنفسي ... لذلك "دليل على المفهوم" فقط ، أخشى):

$(document).ready(
    function() {
        // hide the sub-sections
        $('fieldset.subSection').hide();

        // show subsections onClick of the .test checkboxes
        $('input.test').click(
            function() {
                $(this).next('fieldset.subSection').slideToggle('slow');
            }
        )
    }
);

التوضيح المباشر الموجود حاليًا في: http://davidrhysthomas.co.uk/so/Subforms.html

Answer 3

قم بإنشاء وحدة مخصصة ، والتي ستقوم بإرسال إرسال عبر Hook_Nodeapi وإعادة التوجيه إلى النموذج أو الصفحة المناسبة ...