validation on single button in asp .net using javascript

HI Sagar,

Try this code

<table style="width:100%;">
<tr>
<td>
<div class="col-md-3 form-group">
<strong>Defect Codestrong> <span style="color:red;">*span>
div>
<div class="col-md-8 form-group">
<input type="text" id="defectCode" maxlength="50" class="form-control" tabindex="1" />
<span id="defectCodeErrorMsg" style="color:red;">span>
div>
td>
tr>
<tr>
<td>
<div class="col-md-3 form-group">
<strong>Defect Descriptionstrong> <span style="color:red;">*span>
div>
<div class="col-md-8 form-group">
<textarea rows="4" cols="50" id="defectDescription" maxlength="500" class="form-control" tabindex="2">
<span id="defectDescriptionErrorMsg" style="color:red;">span>

Write Juery to validate the fields using btn click event

function Mandatory() {
ResetFields();
var descLenght = $('#defectDescription').val();
var codeLength = $('#defectCode').val();
var isFilled = true;
if ($.trim(codeLength) == 0 || $.trim(codeLength) == null || $.trim(codeLength) == undefined) {
$('#defectCode').css('border-color', 'red');
isFilled = false;
}
if ($.trim(descLenght) == 0 || $.trim(descLenght) == null || $.trim(descLenght) == undefined) {
$('#defectDescription').css('border-color', 'red');
isFilled = false;
}
return isFilled;
}

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Bharathi Raja8y ago
Ramesh Palanivel9y ago
HI Sagar,

Try this code
<table style="width:100%;">
                                        <tr>
                                            <td>
                                                <div class="col-md-3 form-group">
                                                    <strong>Defect Codestrong> <span style="color:red;">*span>
                                                div>
                                                <div class="col-md-8 form-group">
                                                    <input type="text" id="defectCode" maxlength="50" class="form-control" tabindex="1" />
                                                    <span id="defectCodeErrorMsg" style="color:red;">span>
                                                div>
                                            td>
                                        tr>
                                        <tr>
                                            <td>
                                                <div class="col-md-3 form-group">
                                                    <strong>Defect Descriptionstrong> <span style="color:red;">*span>
                                                div>
                                                <div class="col-md-8 form-group">
                                                    <textarea rows="4" cols="50" id="defectDescription" maxlength="500" class="form-control" tabindex="2">
                                                    <span id="defectDescriptionErrorMsg" style="color:red;">span>




Write Juery to validate the fields using btn click event
function Mandatory() {
       ResetFields();
       var descLenght = $('#defectDescription').val();
       var codeLength = $('#defectCode').val();
       var isFilled = true;

       if ($.trim(codeLength) == 0 || $.trim(codeLength) == null || $.trim(codeLength) == undefined) {
           $('#defectCode').css('border-color', 'red');
           isFilled = false;
       }
       if ($.trim(descLenght) == 0 || $.trim(descLenght) == null || $.trim(descLenght) == undefined) {
           $('#defectDescription').css('border-color', 'red');
           isFilled = false;
       }
       return isFilled;
   }