Enforce a Specific Field Form Validation with Javascript

[Stephane Landreville]

Hi.

Using javascript, how can I enforce users to have to select a value from a dropdown list before proceeding to entering other values on a form?

Steph

[johny10151981]

Disable all the fields,
When user would choose an item from drop down list enable them all.

[Stephane Landreville]

Thanks for your quick reply.

function disableAll(){
var elem = document.forms[0].elements;
for(var i=0;i<elem.length;i++){
elem[i].setAttribute('disabled',true)
}
}
 

I think I got the code right, but I need some guidance to implement it correctly. Here is a quick form:

<form id="form1" name="form1" method="post" action="form.asp">
  <p>
    <label>Name
      <input type="text" name="Name" id="Name" />
    </label>
  </p>
  <p>
    <label>List
      <select name="test" id="test">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
      </select>
    </label>
  </p>
  <p>
    <label>
      <input type="radio" name="radio" id="button" value="button" />
      button</label>
  </p>
  <p>&nbsp;</p>
</form>
 

I don't want the user to click on the button before he select's a value from the above dropdown list.

Thanks,
Steph

[johny10151981]

in your code

<select name="test" id="test">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
 

The default selected is 1
you better add another option

<option value="0" SELECTED></option>

now add an onChange method to your select menu. Check the condition. if it fulfills the condition then enable the Submit button.

All can be done by javascript

[freefony]

Sorry i ve to use this means but its related to my problem

my form is submited even if my onsubmit function returns false

for example

function validdata(){
 alert('no success');
 return false;
}
 
<form method='post' action='somefile.php' onsubmit='validdata();'>
<input type='text />
<input type='submit'/>
</form>
 
 

i see the alert but the form still get submited

[freefony]

Sorry i ve to use this means but its related to my problem

my form is submited even if my onsubmit function returns false

for example

function validdata(){
 alert('no success');
 return false;
}
 
<form method='post' action='somefile.php' onsubmit='validdata();'>
<input type='text />
<input type='submit'/>
</form>
 
 

i see the alert but the form still get submited

[johny10151981]

check line 6.
try
onsubmit="return validdata();"

It will work