Question: 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
Get step-by-step solutions from verified subject matter experts
