Note that there are some explanatory texts on larger screens.

plurals
  1. POIssue with Jquery blur with apex
    primarykey
    data
    text
    <p>I am trying to do a simliar thing like this on Apex </p> <p><a href="http://yensdesign.com/tutorials/validateform/" rel="nofollow">Jquery example NOT in apex</a></p> <p>The link above shows an example but it is <code>not</code> in apex.</p> <p>Basically I want to validation a field as a user is typing and remove the error as soon as the field is correct.</p> <p>I am using apex verion 4.0.</p> <p>What I have done so far and it is not working as in I am not getting any error message even though I am trying to force an error.</p> <p>On the page <code>HTML headers and Body Attribute</code> I have my css</p> <pre><code>`&lt;style&gt; #error{ margin-bottom: 20px; border: 1px solid #efefef; } #error ul{ list-style: square; padding: 5px; font-size: 11px; } #error ul li{ list-style-position: inside; line-height: 1.6em; } #error ul li strong{ color: #e46c6d; } #error.valid ul li strong{ color: #93d72e; } &lt;/style&gt;` </code></pre> <p>and in javascript I have </p> <pre><code>`$(document).ready() { var name = $("#P1_TEST"); }; &lt;script&gt; function validateName(){ //if it's NOT valid if(p_t03.val().length &lt; 4){ p_t03.addClass("error"); error_message("Must be than 3 letters!"); return false; } //if it's valid else{ p_t03.removeClass("error"); return true; } } &lt;/script&gt; &lt;script&gt; p_t03.blur(validateName); p_t03.keyup(validateName); &lt;/script&gt;` </code></pre> <p><strong>Please note</strong> that <code>p_t03</code> is the <code>P1_TEST</code> name. because on inspect element on chrome. `id="pP1_TEST" name=" p_t03"</p> <p>On <code>Item</code>-> <code>P1_TEST</code> -> <code>HTML Form Element Attributes</code>. II have <code>onblur="validateName();"</code> which should check the jquery validation above. </p> <p>This is my first time doing this on apex. I am too sure if I am doing the right way.</p>
    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.
    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