function ajaxCall() { this.send = function(data, url, method, success, type) { type = type || 'json'; var successRes = function(data) { success(data); }; var errorRes = function(e) { console.log(e); alert("Error found \nError Code: " + e.status + " \nError Message: " + e.statusText); }; $.ajax({ url: url, type: method, data: data, success: successRes, error: errorRes, dataType: type, timeout: 60000 }); } } function locationInfo(rootUrl) { // TODO:: BASE URL //var rootUrl = "https://healthxe.com/home/dropdownapi"; var call = new ajaxCall(); this.getCities = function(id) { $(".cities option:gt(0)").remove(); var url = rootUrl + 'home/dropdownapi?type=getCities&stateId=' + id; var method = "post"; var data = {}; $('.cities').find("option:eq(0)").html("Please wait.."); call.send(data, url, method, function(data) { $('.cities').find("option:eq(0)").html("Select City"); if (data.tp == 1) { $.each(data['result'], function(key, val) { var option = $('<option />'); option.attr('value', key).text(val); $('.cities').append(option); $('.cities').trigger("chosen:updated"); }); $(".cities").prop("disabled", false); } else { alert(data.msg); } }); }; this.getStates = function(id) { $(".states option:gt(0)").remove(); $(".cities option:gt(0)").remove(); var url = rootUrl + 'home/dropdownapi?type=getStates&countryId=' + id; var method = "post"; var data = {}; $('.states').find("option:eq(0)").html("Please wait.."); call.send(data, url, method, function(data) { $('.states').find("option:eq(0)").html("Select State"); if (data.tp == 1) { $.each(data['result'], function(key, val) { var option = $('<option />'); option.attr('value', key).text(val); $('.states').append(option); $('.states').trigger("chosen:updated"); }); $(".states").prop("disabled", false); } else { alert(data.msg); } }); }; this.getCountries = function() { var url = rootUrl + 'home/dropdownapi?type=getCountries'; var method = "post"; var data = {}; $('.countries').find("option:eq(0)").html("Please wait.."); call.send(data, url, method, function(data) { $('.countries').find("option:eq(0)").html("Select Country"); // console.log(data); if (data.tp == 1) { $.each(data['result'], function(key, val) { var option = $('<option />'); option.attr('value', key).text(val); $('.countries').append(option); $('.countries').trigger("chosen:updated"); }); $(".countries").prop("disabled", false); } else { alert(data.msg); } }); }; }
To collect a group of elements, we pass the selector to the jQuery function using…
jQuery is a lightweight, "write less, do more", JavaScript library. The purpose of jQuery is…
HTML:- [crayon-67a5b52e59c31719114046/] CSS:- [crayon-67a5b52e59c38343373780/] JavaScript:- [crayon-67a5b52e59c3a064427405/]
Prevent users typing special characters in text box, textarea, etc. [crayon-67a5b52e59d31737029624/] ^[a-zA-Z]+$ Alphabets ^[a-zA-Z\s]+$ Alphabets…
Any interactive web site has form input - a place where the users input different…
[crayon-67a5b52e59f55308440878/]