JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8/jquery.validate.js"></script>
<form name="frmContact" id="frmContact" method="post" action="">
<div style="color:green"><b><?php echo $_REQUEST['msg'] ?></b></div>
<div class="photo_submitcontainer">
<table class="ss_entry_tbl" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td valign="top" align="left"><label>Name</label></td>
<td valign="top" align="left"><input type="text" name="txtName" class="textbox_style" id="txtName"/> </td>
</tr>
<tr>
<td valign="top" align="left"><label>Email</label></td>
<td valign="top" align="left"><input type="text" name="txtEmail" class="textbox_style" id="txtEmail"/> </td>
</tr>
<tr>
<td valign="top" align="left"><label>Comment</label></td>
<td valign="top" align="left"><textarea name="txtComment" id="txtComment" class="textarea_style" rows="5" cols="40"></textarea></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="submit_send" value="Send" class="button_style2" />
<input type="hidden" name="fromurl" id="fromurl" value="<?php echo $this->from_url//echo $_SERVER['REDIRECT_URL'];?>" />
<!--<input type="button" name="back" class="button_style2_dsbl" style="float:left; " value="Back" onclick="" />-->
</td>
</tr>
</table>
</div>
</form>
JavaScript
$(document).ready(function() {
alert("hii");
$("#frmContact").validate({
rules: {
txtName: "required"
txtEmail: {
required: true,
email: true
}
txtComment: "required"
},
messages: {
txtName: "Please Enter Name"
txtEmail: {
required: "Please Enter Email",
email: "Please Enter Valid Email"
}
txtComment: "Please Enter Comments"
}
});
});