Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery.validationEngine v2.6.1 Only Validates Sometimes?
    primarykey
    data
    text
    <p>The code appears to be hooked up (like this)</p> <pre><code>jQuery("#contactForm").validationEngine(); </code></pre> <p>because it will validate and raise an error bubble if:</p> <ul> <li>you tab out of required field without any input</li> <li>you type at least one character into a field that requires more and then click the submit button</li> </ul> <p>But it will not validate and raise an error bubble if you do nothing at all except click the submit button. In that case, it just submits. Once you click in the field or enter anything at all, it seems to work.</p> <p>What can I be looking for that I've mis-configured?</p> <p>The HTML:</p> <pre><code>&lt;form class = "contactform" id = "contactForm"&gt; &lt;fieldset&gt; &lt;div class="contactform-name contactform-field"&gt; &lt;label class="contactform-label" for="contactform-name"&gt;Name: &lt;br&gt; &lt;/label&gt; &lt;input class="validate[required,minSize[8]] contactform-input" type="text" id="contactform-name" name="name" /&gt; &lt;/div&gt; &lt;div class="contactform-email contactform-field"&gt; &lt;label class="contactform-label" for="contactform-email"&gt;Email Address:&lt;br&gt;&lt;/label&gt; &lt;input value class="validate[required,custom[email]] contactform-input" type="email" id="contactform-email" name="contactform-email" /&gt; &lt;/div&gt; &lt;div class="contactform-text contactform-field"&gt; &lt;label class="contactform-label" for="contactform-text"&gt;Message: &lt;br&gt; &lt;/label&gt; &lt;textarea class="validate[required,minSize[12]]contactform-input" name="text" id="contactform-text" &gt; &lt;/textarea&gt; &lt;/div&gt; &lt;input class="contactform-button" type="submit" name="submit" value="Send" /&gt; &lt;/fieldset&gt; &lt;/form&gt; </code></pre> <p>The JavaScript (it's running in Meteor):</p> <pre><code>Template.Contact.rendered = function () { jQuery("#contactForm").validationEngine(); } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload