DOTNET: JQUERY CLIENT SIDE VALIDATIONS

To get TextBox value without Master Page
var firstName = $('#txtFirstName').val()

To get TextBox value with MasterPage for TextBox
var subject = $(GetClientID('CallsSubjectTxt')).val();

To get drop down Text with Master Page
var callType = $(GetClientID('CallTypeDrp')).find('option:selected').text();

To get drop down Text without Master Page
var countryText = $('#DropDownList1').find('option:selected').text()

To get drop down Id without Master Page
var callTypeID = $('#CallTypeDrp')).val()

To get drop down Id with Master Page
var callTypeID = $(GetClientID('CallTypeDrp')).val()

To check checkbox validation with Master Page
if ($(GetClientID('RemainderChk')).is(':checked'))
RemainderCheck = 1;
else
RemainderCheck = 0;

To check checkbox validation without Master Page
if ($('#RemainderChk')).is(':checked'))
RemainderCheck = 1;
else
RemainderCheck = 0;

To find out all checked check boxes

$("input[type='checkbox']:checked").each(
function() {
// Your code goes here...
}
);

var isChecked = $('#chkSelectBox').attr('checked')?true:false;

Here if check box is checked it returns true, else undefined

var isChecked = $('#chkSelectBox').prop('checked');

prop() will return true or false

Label Validations:

<head runat="server">
<title></title>
<script src="jquery-1.7.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var lablevalue = $('#Label1').text();
alert('Label Value ' + lablevalue);
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div class="divClassusingID" style="width:400px">
<asp:Label ID="Label1" runat="server" Text="hi uday"></asp:Label>

</div>
</form>
</body>

output:

To get label value with master page

$('#<%=Label1.ClientID%>').text();

To get label value without master page
$('#Label1').text();

-----------------------------------------------------------------------------------------

Set label value with master page
$('#<%=Label1.ClientID%>').text("New Value");

Set label value without master page

$('#Label1').text("dotnetbyudayrajakonda.blogspot.in");

Example:

<head runat="server">
<title></title>
<script src="jquery-1.7.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var lablevalue= $('#Label1').text("dotnetbyudayrajakonda.blogspot.in");
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div class="divClassusingID" style="width:400px">
<asp:Label ID="Label1" runat="server" Text="hi uday"></asp:Label>
</div>
</form>
</body>

Output:

Set Textbox value with Master Page

$('#<%=TextBox1.ClientID%>').val("New Value");

Set Textbox value without Master Page

$('#TextBox1').val("HI uday");

$(document).ready(function () {

var a=$('#TextBox1').val("HI uday");

});

</script>

</head>

<body>

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

</div>

</form>

</body>

Output:

Set Dropdown value with Master Page

$('#<%=DropDownList1.ClientID%>').val("hi");

Set Dropdown value without Master Page

$('#DropDownList1').val("hi");

Get text of selected item in dropdown with Master Page

$('#<%=DropDownList1.ClientID%> option:selected').text();

Get text of selected item in dropdown without Master Page

$('#DropDownList1 option:selected').text()

Make textbox as Read only

$('#TextBox1').attr('readonly', 'readonly');

$(document).ready(function () {

$('#TextBox1').attr('readonly', 'readonly');

});

</script>

</head>

<body>

<asp:TextBox ID="TextBox1" runat="server" ></asp:TextBox>

</div>

</form>

</body>

To disable texbox

Using check box

$('#CheckBox1').attr('checked');

output:

Example:

DOTNET

Wednesday, February 4, 2015

JQUERY CLIENT SIDE VALIDATIONS

No comments:

Post a Comment

Kubernetes

Report Abuse