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.
"UTF-8">
"viewport" content="width=device-width, initial-scale=1.0">
"msapplication-TileColor" content="#da532c">
"theme-color" content="#ffffff">
"shortcut icon" href="favicon.ico">
label {
color: blue;
padding: 12px;}
#dataEntry {
margin-left: 140px; /* Same width as the sidebar + left position in px */
font-size: 28px; /* Increased text to enable scrolling */
padding: 10px 10px;
}
#order {
display: none;
margin-left: 140px; /* Same width as the sidebar + left position in px */
font-size: 28px; /* Increased text to enable scrolling */
padding: 10px 10px;
}
table, th, td {
border: 3px solid black;
border-collapse: collapse;
align-content: left;
}
.tlabel {
width: 150px;
text-align: right;
}
.cblabel {
display: inline-block;
width: 150px;
text-align: right;
}
body {
font-family: "Lato", sans-serif;
}
.sidenav {
width: 130px;
height: 100%;
position: fixed;
z-index: 1;
top: 20px;
left: 10px;
background: #eee;
overflow-x: hidden;
padding: 8px 0;
}
.sidenav a {
padding: 6px 8px 6px 16px;
text-decoration: none;
font-size: 25px;
color: #2196F3;
display: block;
}
.sidenav a:hover {
color: #064579;
}
.main {
margin-left: 140px; /* Same width as the sidebar + left position in px */
font-size: 28px; /* Increased text to enable scrolling */
padding: 0px 10px;
}
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
"#">About
"#">Services
"#">Clients
"#">Contact
"submit" value="Exit" onclick="window.close()">
Description | Information |
"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 = "
Description | Information |
"+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
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started