Hey guys here is my code:
<script>$('td#view-details').click(function() {
var fg = $(this).closest('td').siblings(':first-child').text();
$('#'+fg+'confirm').click(function () {
if($('form #' + fg + 'input[name=test]').val() == "") {
$('#error_notification').fadeIn(100).delay(1000).fadeOut(100);
return false;
} else {
$(main).text('show');
$('#' + fg).addClass('details').removeClass('active');
$('#success_notification').fadeIn(100).delay(1000).fadeOut(100);
}
});
</script>
<html>
<table width="742" id="redemptions_landing_page" valign="top">
<tr>
<th>ID</th>
<th>Investor Name</th>
<th>Email</th>
<th>Credit</th>
<th>Request Amount</th>
<th>Request Mode</th>
<th>View</th>
</tr>
<tr>
<td>1848719408</td>
<td>arvind</td>
<td>xxxyy@gmail.com</td>
<td>Rs 5000</td>
<td>Rs 300</td>
<td>Cheque</td>
<td id="view-details">show</td>
</tr>
</table>
<form id="1848719408">
<textarea cols="40" rows="10" id="remarks" placeholder="Remarks (enter courier number and courier service provider for confirmed redemptions, enter reason for rejected redemptions)"></textarea>
<h3 class="bbrdt">Redemption Amount</h3>
<input type="text" name="test" id="Amount_For_Investor" placeholder="Amount For Investor" /> <input name="test" type="text" id="courier_charges" placeholder="Courier Charges"/>
<input value="Confirm" type="button" id="1848719408confirm" />
<button id="reject">Reject</button></form>
I want to validate the text fields but it’s not working, the success notification is showing again when the text fields are empty, but the error notification is not displaying.
You should always wrap your code in the .ready function to ensure the DOM has loaded, like this