Question: I am having issues adding these validations to my HTML/JavaScript code The city must be Adrian or NotAdrian (Match case) The state must be in

I am having issues adding these validations to my HTML/JavaScript code

The city must be "Adrian" or "NotAdrian" (Match case)

The state must be in (MI, IN, IL, OH, TN or KY)

The zip must be in the range of 48000 to 77000.

Form Validation

"UTF-8">

"viewport" content="width=device-width, initial-scale=1.0">

"msapplication-TileColor" content="#da532c">

"theme-color" content="#ffffff">

"shortcut icon" href="favicon.ico">

"sidenav">

"#">About

"#">Services

"#">Clients

"#">Contact

"dataEntry">

"javascript:;" onsubmit="formData()">

Personal Information

"text" id="fname" name="fname">

"text" id="lname" name="lname">

"text" id="lcity">

"text" id="lstate">

"text" id="lzip">

"checkbox" id="vehicle1" name="vehicle1" value="Bike">

"checkbox" id="vehicle2" name="vehicle2" value="Airplane">

"checkbox" id="vehicle3" name="vehicle3" value="Boat">

"submit" name="submit" value="Submit" >

"submit" value="Exit" onclick="window.close()">

"order">

DescriptionInformation
"tfname">"tlname">

function formData()

{ var success = true;

var badMessage = "Validation Failure(s): ";

var key;

var vname = document.getElementById("fname").value;

if (vname.length < 30) {

alert(vname);

}

else {

badMessage += " First Name too long ";

}

if(success)

{

ord()

}

var vname = document.getElementById("fname").value;

if (vname.event.key){

alert(vname);

}

else {

badMessage += "Numbers not allowed";

}

if(success)

{

ord()

}

var vname = document.getElementById("lname").value;

if (vname.length < 30) {

alert(vname);

}

else {

badMessage += " Last Name too long ";

}

if(success)

{

ord()

}

else {

}

var vname = document.getElementById("lname").value;

if (vname.event.key){

alert(vname);

}

else {

badMessage += "Numbers not allowed";

}

if(success)

{

ord()

}

}

function ord ()

{

// document.getElementById("order").innerHTML = "

";

// var fname = document.getElementById("fname").value;

// document.getElementById("order").innerHTML += "

";

// document.getElementById("order").innerHTML += "

DescriptionInformation
"+fname;

// var lname = document.getElementById("lname").value;

// document.getElementById("order").innerHTML += "

"+lname;

// document.getElementById("order").innerHTML += "

";

document.getElementById("order").style.display="inline-block";

document.getElementById("tfname").innerHTML = document.getElementById("fname").value;

document.getElementById("tlname").innerHTML = document.getElementById("lname").value;

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!