Answered step by step
Verified Expert Solution
Question
1 Approved Answer
This is throwing errors, what is wrong?? Untitled Document @import url(https://fonts.googleapis.com/css?family=Open+Sans); /* Styles */ * { margin: 0; padding: 0; } body { font-family: Open
This is throwing errors, what is wrong??
@import url("https://fonts.googleapis.com/css?family=Open+Sans"); | |
/* Styles */ | |
* { | |
margin: 0; | |
padding: 0; | |
} | |
body { | |
font-family: "Open Sans"; | |
font-size: 14px; | |
} | |
.container { | |
width: 500px; | |
margin: 25px auto; | |
} | |
form { | |
padding: 20px; | |
background: #606891; | |
color: #fff; | |
-moz-border-radius: 4px; | |
-webkit-border-radius: 4px; | |
border-radius: 4px; | |
} | |
form label, | |
form input, | |
form button { | |
border: 0; | |
margin-bottom: 3px; | |
display: block; | |
width: 100%; | |
} | |
form input { | |
height: 25px; | |
line-height: 25px; | |
background: #fff; | |
color: #000; | |
padding: 0 6px; | |
-moz-box-sizing: border-box; | |
-webkit-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
form button { | |
height: 30px; | |
line-height: 30px; | |
background: #e67e22; | |
color: #fff; | |
margin-top: 10px; | |
cursor: pointer; | |
} | |
form .error { | |
color: #ff0000; | |
} | |
$(function() { | |
// Initialize form validation on the registration form. | |
// It has the name attribute "registration" | |
$("form[name='complaintform']").validate({ | |
// Specify validation rules | |
rules: { | |
// The key name on the left side is the name attribute | |
// of an input field. Validation rules are defined | |
// on the right side | |
fullname: "required", | |
phonenumber: "required", | |
email: { | |
required: true, | |
// Specify that email should be validated | |
// by the built-in "email" rule | |
email: true | |
}, | |
custProducts: "required", | |
custComplaint:{"required", | |
MAX_VALUE: 120 | |
} | |
}, | |
// Specify validation error messages | |
messages: { | |
fullname: "Please enter your full name", | |
phonenumber: "Please enter your phone number", | |
custProducts: "Please check at least one button", | |
custComplaint: "No more than 120 charachters allowed", | |
}, | |
email: "Please enter a valid email address" | |
}, | |
// Make sure the form is submitted to the destination defined | |
// in the "action" attribute of the form when valid | |
submitHandler: function(form) { | |
form.submit(); | |
} | |
}); | |
}); | |
Complaint Form | |
Please Select Product Group: | |
Books | |
Movies | |
Consumer Electronics | |
Computer | |
Description of problem: (Limit 200 characters) | |
| |
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