$('#feedbackform').validate({
rules: {
feedbackFirstName: {
required: true
},
feedbackLastName: {
required: true
},
feedbackEmail: {
required: true,
email: true
},
feedbackConfirmemail: {
required: true,
email: true,
equalTo: "#feedbackEmail"
},
feedbackDescription: {
required: $(this).addClass('error'),
minlength: 1,
maxlength: 35
}
},
messages: {
}
});
/////////////////////
<form id="feedbackform" name="feedbackform">
<div class="modal-body">
<div class="row-fluid">
<div class="span12">
We would love to hear your thoughts, concerns or problems with anything so we can improve!<br>
<small> Required fields*</small>
<div class="row-fluid">
<div class="span12">
<fieldset>
<div class="row-fluid">
<div class="span12">
<br>
<label>Feedback Type</label>
<div class="row-fluid">
<div class="span3"> <label class="radio">
<input type="radio" name="feedbacktype" value="Comments" checked> Comments
</label></div>
<div class="span3">
<label class="radio">
<input type="radio" name="feedbacktype" value="Bug Reports"> Bug Reports
</label>
</div>
<div class="span3">
<label class="radio">
<input type="radio" name="feedbacktype" value="Questions"> Questions
</label>
</div>
</div><!-- row-fluid end -->
</div>
</div><!-- row-fluid end -->
<hr/>
<div class="row-fluid">
<div class="span12">
<!-- <label ></label> -->
<textarea placeholder="*Describe Feedback" rows="4" class="textareaStyle" id="feedbackDescription" name="feedbackDescription"></textarea>
</div>
</div><!-- row-fluid end -->
<hr/>
<div class="row-fluid">
<div class="span6">
<!-- <label></label> -->
<input type="text" placeholder="*First Name" class="inputfieldSmall inputfiledStyle" name="feedbackFirstName" id="feedbackFirstName"/>
</div>
<div class="span6">
<!-- <label></label> -->
<input type="text" placeholder="*Last Name" class="inputfieldSmall inputfiledStyle" name="feedbackLastName" id="feedbackLastName"/>
</div>
</div><!-- row-fluid end -->
<!-- <hr/> -->
<div class="row-fluid">
<div class="span6">
<!-- <label>*</label> -->
<input type="text" placeholder="*Email" class="inputfieldSmall inputfiledStyle" name="feedbackEmail" id="feedbackEmail"/>
</div>
<div class="span6">
<!-- <label>*</label> -->
<input type="text" placeholder="*Confirm Email" class="inputfieldSmall inputfiledStyle" name="feedbackConfirmemail" id="feedbackConfirmemail"/>
</div>
</div><!-- row-fluid end -->
</fieldset>
</div>
</div><!-- row-fluid end -->
</div>
</div><!-- row-fluid end -->
</div>
<div class="modal-footer">
<!--<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>-->
<!-- <button class="btn btn-primary" id="feedback">Submit</button>-->
<!--feedbackformSubmit-->
<span class="loadergif" style="display:none;"><img src="<?php echo base_path() . path_to_theme(); ?>/assets/img/status-active.gif" /></span>
<!--<input type="button" class="btn btn-primary" id="feedbackformSubmit" value="Submit"/>-->
<div class="requestbutton">
<input type="button" class="requestbuttonInner" id="feedbackformSubmit" value="Submit"/>
</div>
</div>
</form>
</div>
