Standard Form – jQuery version – Experimental

Last Updated on April 27, 2023 by Neil Murray

Standard Form – jQuery Version – Use for experimenting #

back to top

This form will be used to test the Show field logic if any of the statements are true.

Form – contact-form-7 id=”18900″ title=”Test – Logic – Standard Testing – jQuery Version – Use for experimenting“

    Logic - Show - If Any
    Show If Equal

    1. The text field [text-147] will be visible below if the logic works.

    3. =====================

    4. Set the values as per the instruction below. Tests: 1. Field not visible when no values set as per instructions 2. Field visible when each single value set as per instructions 3. Field visible when 2 or more values set as per instructions 4. Field visible when all values set as per instructions =====================

    5. text-584

      Set this to "show"

    6. checkbox-776 Option 1Option 2

      Set this to "option 2"

    7. date-982

      Set this to "2022-04-01"

    8. email-633

      Set this to "test@cf7s.com"

    9. number-561

      Set this to "5"

    10. radio-808 Option 1Option 2

      Set this to "Option 2"

    11. select-513

      Set this to "Option 2"

    12. tel-143

      Set this to "1234567890"

    13. textarea-788

      Set this to "show"

    14. url-994

      Set this to "test.com"

    Logic - Show - If Any
    If not Equal (!=)

    1. Show if NOT Equal The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    3. text-492

      Set this to "show"

    4. checkbox-709 Option 1Option 2

      Set this to "option 2"

    5. date-717

      Set this to "2022-04-01"

    6. email-428

      Set this to "test@cf7s.com"

    7. number-560

      Set this to "5"

    8. radio-215 Option 1Option 2

      Set this to "Option 2"

    9. select-494

      Set this to "Option 2"

    10. tel-872

      Set this to "1234567890"

    11. textarea-858

      Set this to "show"

    12. url-535

      Set this to "test.com"

    Logic - Show - If Any
    If Equal (=)

    1. Show if Equal The below test text field will be visible if the logic works

    3. text-584

      Set this to "show"

    4. checkbox-776 Option 1Option 2

      Set this to "option 2"

    5. date-982

      Set this to "2022-04-01"

    6. email-633

      Set this to "test@cf7s.com"

    7. number-561

      Set this to "5"

    8. radio-808 Option 1Option 2

      Set this to "Option 2"

    9. select-513

      Set this to "Option 2"

    10. tel-143

      Set this to "1234567890"

    11. textarea-788

      Set this to "show"

    12. url-994

      Set this to "test.com"

    If not Equal (!=)

    1. Show if NOT Equal The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    3. text-492

      Set this to "show"

    4. checkbox-709 Option 1Option 2

      Set this to "option 2"

    5. date-717

      Set this to "2022-04-01"

    6. email-428

      Set this to "test@cf7s.com"

    7. number-560

      Set this to "5"

    8. radio-215 Option 1Option 2

      Set this to "Option 2"

    9. select-494

      Set this to "Option 2"

    10. tel-872

      Set this to "1234567890"

    11. textarea-858

      Set this to "show"

    12. url-535

      Set this to "test.com"

    Show IF CONTAINS

    1. Show IF CONTAINS The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    3. text-405

      Set this to "show"

    4. date-725

      Set this to "2022-04-01"

    5. email-411

      Set this to "test@cf7s.com"

    6. checkbox-786 Option 1Option 2

      Set this to "option 2"

    7. textarea-673

      Set this to "show"

    8. url-755

      Set this to "test.com"

    Show IF CHANGED

    1. Show IF CHANGED The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    3. text-556

      Type anything

    4. date-814

      Set this to "2022-04-01"

    5. email-770

      Set this to "test@cf7s.com"

    6. number-287

      Set this to "5"

    7. tel-219

      Set this to "1234567890"

    8. textarea-752

      Set this to "show"

    9. url-122

      Set this to "test.com"

    Show IF MORE THAN

    1. Show IF MORE THAN The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    3. text-635

      Set this to "show"

    4. date-198

      Set this to "2022-04-01"

    5. email-714

      Set this to "test@cf7s.com"

    6. number-692

      Set this to "5"

    7. radio button Option 1Option 2

      Set this to "Option 2"

    8. select-868

      Set this to "Option 2"

    9. tel-211

      Set this to "1234567890"

    10. textarea-700

      Set this to "show"

    11. url-310

      Set this to "test.com"

    Show IF LESS THAN

    1. Show IF LESS THAN The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    3. text-528

      Set this to "show"

    4. date-573

      Set this to "2022-04-01"

    5. email-740

      Set this to "test@cf7s.com"

    6. number-881

      Set this to "5"

    7. tel-490

      Set this to "1234567890"

    8. url-864

      Set this to "test.com"

    Show IF MORE THAN OR EQUAL

    1. Show IF MORE THAN OR EQUAL The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    3. text-973

      Set this to "show"

    4. date-829

      Set this to "2022-04-01"

    5. email-722

      Set this to "test@cf7s.com"

    6. number-409

      Set this to "5"

    7. tel-544

      Set this to "1234567890"

    8. url-631

      Set this to "test.com"

    Show IF LESS THAN OR EQUAL

    1. Show IF LESS THAN OR EQUAL The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    3. text-822

      Set this to "show"

    4. date-596

      Set this to "2022-04-01"

    5. date-596

      Set this to "test@cf7s.com"

    6. number-242

      Set this to "5"

    7. tel-827

      Set this to "1234567890"

    8. url-132

      Set this to "test.com"

    Show IF CHECKED

    1. Show IF CHECKED The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    Show IF UNCHECKED

    1. Show IF UNCHECKED The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    Show IF NOT EMPTY

    1. Show IF NOT EMPTY The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    Show IF EMPTY

    1. Show IF EMPTY The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    Logic - Show - If Any
    If Equal (=)

    1. Show if Equal The below test text field will be visible if the logic works

    3. text-584

      Set this to "show"

    4. checkbox-776 Option 1Option 2

      Set this to "option 2"

    5. date-982

      Set this to "2022-04-01"

    6. email-633

      Set this to "test@cf7s.com"

    7. number-561

      Set this to "5"

    8. radio-808 Option 1Option 2

      Set this to "Option 2"

    9. select-513

      Set this to "Option 2"

    10. tel-143

      Set this to "1234567890"

    11. textarea-788

      Set this to "show"

    12. url-994

      Set this to "test.com"

    If not Equal (!=)

    1. Show if NOT Equal The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    3. text-492

      Set this to "show"

    4. checkbox-709 Option 1Option 2

      Set this to "option 2"

    5. date-717

      Set this to "2022-04-01"

    6. email-428

      Set this to "test@cf7s.com"

    7. number-560

      Set this to "5"

    8. radio-215 Option 1Option 2

      Set this to "Option 2"

    9. select-494

      Set this to "Option 2"

    10. tel-872

      Set this to "1234567890"

    11. textarea-858

      Set this to "show"

    12. url-535

      Set this to "test.com"

    Show IF CONTAINS

    1. Show IF CONTAINS The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    3. text-405

      Set this to "show"

    4. date-725

      Set this to "2022-04-01"

    5. email-411

      Set this to "test@cf7s.com"

    6. checkbox-786 Option 1Option 2

      Set this to "option 2"

    7. textarea-673

      Set this to "show"

    8. url-755

      Set this to "test.com"

    Show IF CHANGED

    1. Show IF CHANGED The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    3. text-556

      Type anything

    4. date-814

      Set this to "2022-04-01"

    5. email-770

      Set this to "test@cf7s.com"

    6. number-287

      Set this to "5"

    7. tel-219

      Set this to "1234567890"

    8. textarea-752

      Set this to "show"

    9. url-122

      Set this to "test.com"

    Show IF MORE THAN

    1. Show IF MORE THAN The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    3. text-635

      Set this to "show"

    4. date-198

      Set this to "2022-04-01"

    5. email-714

      Set this to "test@cf7s.com"

    6. number-692

      Set this to "5"

    7. radio button Option 1Option 2

      Set this to "Option 2"

    8. select-868

      Set this to "Option 2"

    9. tel-211

      Set this to "1234567890"

    10. textarea-700

      Set this to "show"

    11. url-310

      Set this to "test.com"

    Show IF LESS THAN

    1. Show IF LESS THAN The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    3. text-528

      Set this to "show"

    4. date-573

      Set this to "2022-04-01"

    5. email-740

      Set this to "test@cf7s.com"

    6. number-881

      Set this to "5"

    7. tel-490

      Set this to "1234567890"

    8. url-864

      Set this to "test.com"

    Show IF MORE THAN OR EQUAL

    1. Show IF MORE THAN OR EQUAL The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    3. text-973

      Set this to "show"

    4. date-829

      Set this to "2022-04-01"

    5. email-722

      Set this to "test@cf7s.com"

    6. number-409

      Set this to "5"

    7. tel-544

      Set this to "1234567890"

    8. url-631

      Set this to "test.com"

    Show IF LESS THAN OR EQUAL

    1. Show IF LESS THAN OR EQUAL The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    3. text-822

      Set this to "show"

    4. date-596

      Set this to "2022-04-01"

    5. date-596

      Set this to "test@cf7s.com"

    6. number-242

      Set this to "5"

    7. tel-827

      Set this to "1234567890"

    8. url-132

      Set this to "test.com"

    Show IF CHECKED

    1. Show IF CHECKED The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    Show IF UNCHECKED

    1. Show IF UNCHECKED The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    Show IF NOT EMPTY

    1. Show IF NOT EMPTY The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    Show IF EMPTY

    1. Show IF EMPTY The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    Further Reading:

    • Item

    Notes #

    Add notes here