Make Variant Information Required

[trymes]

I have recently set up a product with variants that allows us to have a customer enter their account number before sending us a payment. We can then post the payment to the proper account, since we have the account number. now I want to provide some basic validation to verify that the customer has not left the Account number variant text field blank.



After browsing google and this forum, I found a link to http://www.elated.com/articles/form-validation-with-javascript/ , which seems promising. However, I cannot seem to make it work, and I think it is due to the fact that the "Add to Cart" button is running a javascript, not performing a post operation. Either way, I added a name to the form in the e-junkie button code, and then adapted the script in the example linked above to validate the os0 variable to verify that it is not blank.



Any ideas on what I am missing here?



I changed

&lt;form action=&quot;<a href="https://www.e-junkie.com/ecom/gb.php......accept-charset=" target="_blank">https://www.e-junkie.com/ecom/gb.php......accept-charset=</a>&quot;UTF-8&quot;&gt;&quot;

to

&quot;&lt;form name=&quot;pay_online&quot; action=&quot;<a href="https://www.e-junkie.com/ecom/gb.php......accept-charset=" target="_blank">https://www.e-junkie.com/ecom/gb.php......accept-charset=</a>&quot;UTF-8&quot; onsubmit=&quot;return validate_form ( );&quot;&gt;&quot;

and I added this script:

&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot;&gt;<br />
&lt;!--<br />
<br />
function validate_form ( )<br />
{<br />
    valid = true;<br />
<br />
    if ( document.pay_online.os0.value == &quot;&quot; )<br />
    {<br />
        alert ( &quot;Please provide your account number.&quot; );<br />
        valid = false;<br />
    }<br />
<br />
    return valid;<br />
}<br />
<br />
//--&gt;<br />
&lt;/script&gt;

[E-junkie_Chef]

The form submit is a "backup" scenario for when the user has JS disabled or if you don't have box.js included in your page.



So, the primart piece of code which triggers the cart is the EJEJC_lc function which is called by the onClick event of the button included in the form.



Check out the site mentioned at http://www.e-junkie.com/bb/topic/2793#post7437 .. they seem to have done that very well.