Missouri State University Pattern Library

Form

There are no notes for this item.

<article class="ContentBlock form Page100">

    <p>Required fields are marked with an asterisk (<abbr class="required" title="required">*</abbr>).</p>
    <form name="WebPress_100" class="form-100 FormEmail Page100" id="f100">
        <script type="text/javascript">
            (function() {
                var PrestoMatches = /\sPresto\/(\d+)\.(\d+)\.(\d+)/.exec(navigator.userAgent);
                var AppleWebKitMatches = /AppleWebKit\/(\d+)/.exec(navigator.userAgent);
                window.SupportsHtml5Forms = document.getElementsByClassName('Page100')[0].checkValidity && (AppleWebKitMatches == null || ((/Chrome/.test(navigator.userAgent) || /Android/.test(navigator.userAgent)) && parseInt(AppleWebKitMatches[1], 10) >= 535)) && (PrestoMatches == null || parseInt(PrestoMatches[1], 10) > 2 || parseInt(PrestoMatches[2], 10) > 10 || parseInt(PrestoMatches[3], 10) >= 289);
            })();
        </script>
        <div class="form-control PagefrmRdoc">

            <input id="field-frmRdoc" type="hidden" name="Field_rdoc" />

        </div>
        <div class="form-control PagefrmSendTo">

            <input id="field-frmSendTo" type="hidden" name="Field_sendto" />

        </div>
        <div class="form-control PagefrmSendFrom">

            <input id="field-frmSendFrom" type="hidden" name="Field_sendfrom" />

        </div>
        <div class="form-control PagefrmReplyTo">

            <input id="field-frmReplyTo" type="hidden" name="Field_replyTo" />

        </div>
        <div class="form-control PagefrmSubject">

            <input id="field-frmSubject" type="hidden" name="Field_subject" />

        </div>
        <div class="form-control PageWebPressPageID">

            <input id="field-WebPressPageID" type="hidden" name="Field_WebPressPageID" value="100" />

        </div>
    </form>
    <script type="text/javascript">
        if (!window.SupportsHtml5Forms) {
            missouristate.forms = missouristate.forms || {};
            missouristate.forms.Validate = missouristate.forms.Validate || [];
            missouristate.forms.Validate.push(document.getElementsByClassName('Page100')[0]);
            missouristate.requireScript('../../scripts/components/legacyformvalidation.js', false);
        }
    </script>
</article>
 
<article class="ContentBlock form Page{{pageId}}">
  {{#> containerA}}{{/ containerA}}
    <p>Required fields are marked with an asterisk (<abbr class="required" title="required">*</abbr>).</p>
    <form {{#if action}}method="post" {{/if}} name="WebPress_{{pageId}}" {{#if action}}action="{{action}}{{#if captcha}}?requireCaptcha=true{{/if}}" {{/if}} class="form-{{pageId}} FormEmail Page{{pageId}}" id="f{{pageId}}" {{attributes}}>
      <script type="text/javascript">
        (function () {
          var PrestoMatches = /\sPresto\/(\d+)\.(\d+)\.(\d+)/.exec(navigator.userAgent);
          var AppleWebKitMatches = /AppleWebKit\/(\d+)/.exec(navigator.userAgent);
          window.SupportsHtml5Forms = document.getElementsByClassName('Page{{pageId}}')[0].checkValidity && (AppleWebKitMatches == null || ((/Chrome/.test(navigator.userAgent) || /Android/.test(navigator.userAgent)) && parseInt(AppleWebKitMatches[1], 10) >= 535)) && (PrestoMatches == null || parseInt(PrestoMatches[1], 10) > 2 || parseInt(PrestoMatches[2], 10) > 10 || parseInt(PrestoMatches[3], 10) >= 289);
        })();
      </script>
      {{> @input thankYou pageId="frmRdoc" type="hidden" name="rdoc"}}
      {{#if formType.database}}
        {{> @input dbTableName pageId="frmDBTableName" type="hidden" name="DBTableName"}}
        {{> @input notifyOnSubmission pageId="frmNotifyOnSubmission" type="hidden" name="NotifyOnSubmission"}}
        {{> @input ignoredFields pageId="frmIgnoredFields" type="hidden" name="IgnoredFields" value="SubmitButton;captcha_challenge;captcha_response;__VIEWSTATE;__VIEWSTATEGENERATOR;__EVENTVALIDATION"}}
      {{/if}}
      {{#if formType.email}}
        {{> @input sendTo pageId="frmSendTo" type="hidden" name="sendto"}}
        {{> @input sendFrom pageId="frmSendFrom" type="hidden" name="sendfrom"}}
        {{> @input replyTo pageId="frmReplyTo" type="hidden" name="replyTo"}}
        {{> @input subject pageId="frmSubject" type="hidden" name="subject"}}
        {{> @input wpPageId pageId="WebPressPageID" type="hidden" name="WebPressPageID" value=./pageId}}
      {{/if}}
      {{#> containerB}}
        {{/ containerB}}
    </form>
    <script type="text/javascript">
      if (!window.SupportsHtml5Forms) {
        missouristate.forms = missouristate.forms || {};
        missouristate.forms.Validate = missouristate.forms.Validate || [];
        missouristate.forms.Validate.push(document.getElementsByClassName('Page{{pageId}}')[0]);
        missouristate.requireScript('{{path "/scripts/components/legacyformvalidation.js"}}', false);

      }
    </script>
</article>
 
{
  "pageId": 100,
  "action": null,
  "attributes": null,
  "captcha": null,
  "formType": {
    "database": null,
    "email": null
  },
  "thankYou": {
    "value": null
  },
  "dbTableName": {
    "value": null
  },
  "notifyOnSubmission": {
    "value": null
  },
  "ignoredFields": {
    "value": null
  },
  "sendTo": {
    "value": null
  },
  "sendFrom": {
    "value": null
  },
  "replyTo": {
    "value": null
  },
  "subject": {
    "value": null
  },
  "wpPageId": {
    "value": null
  }
}