Hello, I having a hard time doing these questions. So, please help me! You will
ID: 3549780 • Letter: H
Question
Hello,
I having a hard time doing these questions. So, please help me!
Explanation / Answer
Here is your complete Assignment with CSS and Javascript Validations
<html>
<head>
<style type="text/css">
.error{
color:red;
font-size:40px;
}
#top{
top:0px;
left:0px;
width:1575;
height:140px;
background-color:#D0F5A9;
}
#home{
top:0px;
left:0px;
font-size:30px;
color:#FF0000;
}
#bodyview {
background:#BDBDBD;
}
#myform{
width:120px;
height:50px;
font-size:40;
color:blue;
}
#infotable{
font-size:20px;
color:yellow;
font-size:25;
font-weight:bold;
}
#state_code{
width:300px;
height:30px;
}
#country_code{
width:300px;
height:30px;
}
#regformdiv{
position:absolute; top:145px; left:400px; width:800px; height:1050px;
background-color:#6E6E6E;
font-size:20px;
color:white;
}
#buttondiv{
position:absolute;top:885px;left:210px;width:300px;height:200px;
}
#button{
width:110px;
height:40px;
font-size:20px;
color:red;
}
#txt1box{
height:30px;
width:300px;
font-size:20;
}
#txt2box{
height:30px;
width:300px;
font-size:20;
}
#txtarea{
font-size:20;
}
#pic {
height:20px;
}
#button {
-moz-box-shadow: 0px 1px 0px 0px #1c1b18;
-webkit-box-shadow: 0px 1px 0px 0px #1c1b18;
box-shadow: 0px 1px 0px 0px #1c1b18;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eae0c2), color-stop(1, #ccc2a6));
background:-moz-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
background:-webkit-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
background:-o-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
background:-ms-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
background:linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae0c2', endColorstr='#ccc2a6',GradientType=0);
background-color:#eae0c2;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
border:2px solid #333029;
display:inline-block;
cursor:pointer;
font-family:arial;
font-size:18px;
font-weight:bold;
padding:12px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #ffffff;
}
#button :hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ccc2a6), color-stop(1, #eae0c2));
background:-moz-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
background:-webkit-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
background:-o-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
background:-ms-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
background:linear-gradient(to bottom, #ccc2a6 5%, #eae0c2 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc2a6', endColorstr='#eae0c2',GradientType=0);
background-color:#ccc2a6;
}
#button:active {
position:relative;
top:1px;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
function ResetDrop(){
$("#state_code").html("<option>Select State</option>");
return true;
}
</script>
<script language="javascript" src="java.js">
</script>
<script language="javascript" >
$(function(){
var state_array = {0: ['0',''],1:['1','Alberta','yukon','Quebec'],2: ['2','Alaska','Newyork',florida],3:['3','chiapas','Baja California','Campeche']};
$('#country_code').on('change',function(){
$('#state_code').html("");
var value = $('#country_code').val();
for(i=0;i<4;i++)
{
if(value == state_array[i][0])
{
for(j=1;j<=state_array[i].length-1;j++)
{
$('#state_code').append('<option value='+ state_array[i][j] +'>'+ state_array[i][j] +'</option>');
}
}
}
});
});
</script>
<script type="text/javascript>
function verify() {
//for field must take some input
if (document.form1.text1box.value == "") {
alert("Please give the firstname");
document.form1.text1box.focus();
return false;
}
if (document.form1.text2box.value == "") {
alert("Please give the lastname");
document.form1.text2box.focus();
return false;
}
//for field must take some input
if (document.form1.email.value == "") {
alert("Please give the email");
return false;
}
if (document.form1.txtarea.value == "") {
alert("Please give the Address");
document.form1.txtarea.focus();
return false;
}
if (document.form1.county_code.value == "") {
alert("Please select country");
document.form1.country_code.focus();
return false;
}
// for field must take some input
if (document.form1.city.value == "") {
alert("Please give city");
document.form1.city.focus();
return false;
}
if (document.form1.password.value < 6 ) {
alert("Please give password more than 6 charachter");
document.form1.password.focus();
return false;
}
if (document.form1.postal_code.value == "" && isNaN(document.form1.postal_code.value)) {
alert("Please give the valid postal_code");
document.form1.postal_code.focus();
return false;
}
if ((document.form1.password.value!=document.form1.pc.value) &&(document.form1.pc.value=="")) {
alert("password does not match");
document.form1.password.focus();
return false;
}
</script>
</head>
<body id="bodyview">
<div id="regformdiv">
<center><h1><b>Employee Registration</b></h1></center>
<hr>
<form id="myform" action="" name="form1" method="post" enctype="multipart/form-data">
<table width="1000" id="infotable" cellspacing="15">
<tr>
<td width="400"><input type="text" name="txt1box" id="txt1box" value="<?php echo $firstName; ?>"/><span class="error"><?php echo $firstNameErr; ?></span><br><br></td>
</tr>
<tr>
<td width="200">
Last Name:
</td>
<td width="400"><input type="text" name="txt2box" id="txt2box"value="<?php echo $lastName; ?>"/><span class="error"> <?php echo $lastNameErr; ?></span> </td>
</tr>
<tr>
<td width="200">
Address:
</td>
<td width="400">
<textarea cols="24" rows="5" placeholder="What's your Address?" id="txtarea" name="txtarea"></textarea>
</td>
</tr>
<tr>
<td width="200">
City:
</td>
<td width="400">
<input type="text" name="city" value=""/>
</td>
</tr>
<tr>
<td width="200">
Country:
</td>
<td width="400">
<select id=country_code width="200" name="country_code">
<option value="0">Select Country</option>
<option value="1">Canada</option>
<option value="2">USA</option>
<option value="3">Maxico</option>
</select>
</td>
</tr>
<tr>
<td width="200">
State:
</td>
<td width="400">
<select id="state_code" name="state_code">
<option id="">Select State</option>
</select>
</td>
</tr>
<tr>
</tr>
<tr>
<td width="200">
Postal Code:
</td>
<td>
<input type="text" name="postal_code">
</td>
</tr><tr>
<td width="200">
Email Address:
</td>
<td>
<input type="text" name="Email">
</td>
</tr>
<tr>
<td width="200">
Postal code:
</td>
<td>
<input type="text" name="postal_code">
</td>
</tr>
<tr>
<td width="200">
Password:
</td>
<td>
<input type="text" name="password">
</td>
</tr>
<tr>
<td width="200">
Password Confirmation:
</td>
<td>
<input type="text" name="pc">
</td>
</tr>
</table>
<div id="buttondiv">
<table width="200" cellspacing="35">
<tr>
<td> <input type="submit" value="Submit" id="button"/></td>
<td><input type="reset" value="Reset" id="button"/></td>
</tr>
</table>
</div>
</form>
</div>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.