Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>These are problems I found in your code:</p> <ul> <li><p>Line 1: Forms don't have a <code>.focus</code> method. What did you mean for that to do?</p></li> <li><p>Line 2: Change <code>.length</code> to <code>.elements</code>:</p> <pre><code>for (var i = 0; i &lt; document.getElementById("form").elements.length; i++ ) { var node = document.getElementById("form").elements[i]; ... </code></pre> <p><sub>The elements in the form are now aliased as <code>node</code>.</sub></p></li> <li><p>Lines 4: The <code>.focus</code>/<code>.blur</code> method doesn't return true if the element is out of focus. We're going to have to do it ourselves:</p> <pre><code>node.onfocus = function() { this.isInFocus = true; }; node.onblur = function() { this.isBlurred = !this.isInFocus; }; </code></pre> <p>The resulting code is as follows:</p> <pre><code>if ( node.isInfocus ) { ... } else if ( node.isBlurred ) { ... } </code></pre></li> <li><p>Line 9: Refer to above.</p></li> <li><p>Wrap the code in a <code>window.onload</code> to be able to use the DOM elements when the DOM has loaded.</p></li> </ul> <p>This is your revised code; let me know if it works for you:</p> <pre><code>var nodes = document.getElementById('form').elements, node; for ( var i = 0; i &lt; nodes.length; i++ ) (function(i) { nodes[i].onfocus = function() { this.isInFocus = true; }; nodes[i].onblur = function() { this.isBlurred = !this.isInFocus; }; })(i); for (var i = 0; i &lt; nodes.length; i++) { node = nodes[i]; if (node.type == 'text') { if (node.isInFocus) { var onode = node.nextSibling; onode.innerHTML = ""; valid = true; } else if (node.isBlurred) { var onode = node.nextSibling; onode.innerHTML = "Please Fill in Field"; valid = false; } } } </code></pre>
    singulars
    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. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      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