How to get length of options in using JQuery select

See figure below to know how to get length of options using JQuery select  :

JQuery How to restict text box and text area to enter number

Try out following JQuery script , It will allow to enter 14,3 combination to text box. i.e
decimal number with max 14 (without .) and maximum of 3 decimal.234.

input type="text" id="transAmtField"/

$(document).ready(function() {
restrictInt(14,3);
});
var oldAmount;
function restrictInt(num,decimal) {
var amount;
var newNum=0;
$("#transAmtField").bind('keyup', function(e) {
amount = $("#transAmtField").val();
if(isNaN(amount)) {
$("#transAmtField").val(amount.replace(/[^0-9\.]/g,''));
return false;
}
if(amount.lastIndexOf(".") != -1) {
if(amount.length-amount.lastIndexOf(".") > decimal+1 ){
$("#transAmtField").val(oldAmount);
return false;
} else if(amount.length <= num+1) {
oldAmount = amount;
return true;
} else {
oldAmount = amount.substring(0,num+1);
$("#transAmtField").val(oldAmount);
return false;
}
}
if(amount.lastIndexOf(".") == -1) {
if(amount.length <= num) {
return true;
} else {
oldAmount = amount.substring(0,num);
$("#transAmtField").val(oldAmount);
return false;
}
}
});
}

Restrict to number Input box using JQuery

We can use following JQuery code to allow only number in input box :

$('#inputId').bind('keypress', function(e) { return ( e.which!=8 && e.which!=0 && (e.which<48

e.which>57)) ? false : true ;})

Best tips to handle JQuery

Visit following site to get the best tips to handle JQuery :

http://www.listelog.com/improve-your-jquery-25-excellent-tips/

Select with JQuery

1.Following way we can select any option / value in select using JQuery :

<br />select id="mySelect">option value="option1">option1<br />option value="option2">option2<br />$("#mySelect option[value='option2']").attr("selected",<br />true);

2. Following way we can disable the element :
<br />$("#mySelect").attr("disabled","disabled");<br />

Three technology to handle Simple Ajax

Recently I have used 3 technology in one portal project on requirement basis for handling ajax calls , explaining all three ways to make ajax calls here . I found that JQuery is most effective and easy to use :

1. Using native ajax :

//Do the AJAX call
if (window.XMLHttpRequest) {

// Non-IE browsers
req = new XMLHttpRequest();
req.onreadystatechange = processStateChange;
try {
      req.open("GET", url, true);
} catch (e) {
  alert("Server Communication Problem\n"+e);
}
req.send(null);
} else if (window.ActiveXObject) {
// IE

req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {
  req.onreadystatechange=processStateChange;
  req.open("GET", url, true);
  req.send();
}
}

function processStateChange() {

if (req.readyState == 4) { // Complete
if (req.status == 200) { // OK response

//Split the text response into Span elements
spanElements =
    splitTextIntoSpan(req.responseText);

//Use these span elements to update the page
replaceExistingWithNewHtml(spanElements);

} else {
  alert("Problem with server response:\n "
    + req.statusText);
}
}
}

2. Using JQuery :

 $.ajax({
type: "POST",
url: "some.php",
data: "name=John&location=Boston",
success: function(msg){
  alert( "Data Saved: " + msg );
},
error : function() {}
});

3 Using Smart client : Use data source with Json Or XML

isc.DataSource.create({
ID:"contacts",
dataFormat:"json",
dataURL:employee.php",
fields:[
{name:"name"},
{name:"email"},
{name:"organization"},
{name:"phone"},
{name:"street", valueXPath:"address/street" },
{name:"city", valueXPath:"address/city" },
{name:"state", valueXPath:"address/state"},
{name:"zip", valueXPath:"address/zip" }
]
});