Ashley P.

asked • 11/21/19

JavaScript Form Validation

4. Create the form structure shown in Figure 2, below. Write a JavaScript function according to the following requirements.

 A user should be allowed to enter his/her Fist name in a text box and select gender using drop down list.

 When a user submits information;

o emptiness of the textbox must be checked and meaningful message should be displayed considering any missing inputs.

o otherwise, a message should be displayed as follows : Message must be composed of title and first name. Title must be given according to the gender selected by the user. If gender selected as male, title should be ‘Mr.’ and id if it is selected as female, title should be ‘Ms.’


eg: If Anne was entered as name and female as gender, then an alert should be displayed as Welcome, Ms. Anne

1 Expert Answer

By:

Patrick B. answered • 12/04/19

Tutor
4.7 (31)

Math and computer tutor/teacher

See tutors like this
See tutors like this

<html>



<script>

function validate()

{


//alert('validate');

var name = document.getElementById('inputName').value;

var gender = document.getElementById('listGENDER').value;

var msgWelcome = 'Welcome ';

//alert(name);

// alert(gender);


if (name)

{

if (gender=="optionMALE")

{

//alert('optionMALE');

msgWelcome = msgWelcome + "Mr. " ;

}

if (gender=="optionFEMALE")

{

//alert('optionFEMALE');

msgWelcome = msgWelcome + "Ms. ";

}

msgWelcome = msgWelcome + name;

alert(msgWelcome);

}

else

{

alert(' Please input your name');

}

}

</script>



<body>


NAME: <input type="text" id="inputName" >


<select name="list_box_gender" id="listGENDER" size="2">

<option value="optionMALE">MALE</option>

<option value="optionFEMALE">FEMALE</option>

</select>


<button name="buttonOK" onclick="validate();"> OK </button>





</body>




</html>

Upvote • 0 Downvote
More
Report

Still looking for help? Get the right answer, fast.

Ask a question for free

Get a free answer to a quick problem.
Most questions answered within 4 hours.

OR

Find an Online Tutor Now

Choose an expert and meet online. No packages or subscriptions, pay only for the time you need.