Note that there are some explanatory texts on larger screens.

plurals
  1. POMy form submits data even if it is invalid. But my validation works fine
    primarykey
    data
    text
    <p>My code follows:.</p> <pre><code>&lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;title&gt;Testing the textarea&lt;/title&gt; &lt;style type="text/css"&gt;&lt;/style&gt; &lt;script type="text/javascript" src="validation.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="wrapper"&gt; &lt;span id="error_box" style="display:none;"&gt;&lt;/span&gt; &lt;form name="storyTeller" method="get" action="#" onSubmit="return validateForm()"&gt; &lt;p class="title"&gt; &lt;label for="title"&gt;TITLE:&lt;/label&gt; &lt;input type="text" id="title" name="title" required onBlur="validateTitle(title)"/&gt; &lt;/p&gt; &lt;textarea name="entry" id="entry" rows="10" cols="45" onBlur="validateEntry(entry)"&gt; &lt;/textarea&gt; &lt;input type="submit" value="submit" /&gt; &lt;/form&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>Content of validation.js:</p> <pre><code>function validateTitle(title){/*validating the title*/ if (isNaN(document.getElementById('title').value)){ document.getElementById('title').style.background="#ccffcc"; document.getElementById('error_box').style.display="none"; return true; } else{ document.getElementById('error_box').innerHTML='Please enter a valid title'; document.getElementById('error_box').style.display="block"; document.getElementById('title').style.background="red"; return false; } } function validateEntry(entry){/*validating the entry*/ var x=document.getElementById('entry').value; x = x.trim(); if((x=="")||(x==null)){ document.getElementById('entry').style.background="red"; document.getElementById('error_box').innerHTML = 'Where is your story'; document.getElementById('error_box').style.display="block"; return false; } else{ document.getElementById('entry').style.background="#ccffcc"; document.getElementById('error_box').innerHTML=''; document.getELementById('error_box').style.display="none"; return true; } } function validateForm(){/*validating the form*/ var error = 0; if(!validateTitle('title')){ document.getElementById('error_box').style.display="block"; error++; } if(!validateEntry('entry')){ document.getElementById('error_box').style.display="block"; error++; } if(error &gt; 0){ return false; } } </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.
 

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