https://github.com/saip13/jquery-events-functions
All jQuery Functions and Events
https://github.com/saip13/jquery-events-functions
javascript jquery jquery-ajax jquery-validation
Last synced: about 2 months ago
JSON representation
All jQuery Functions and Events
- Host: GitHub
- URL: https://github.com/saip13/jquery-events-functions
- Owner: SaiP13
- Created: 2021-12-01T05:06:48.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-03-25T12:15:31.000Z (over 4 years ago)
- Last Synced: 2025-10-07T00:58:53.055Z (9 months ago)
- Topics: javascript, jquery, jquery-ajax, jquery-validation
- Language: PHP
- Homepage: https://saip13.github.io/jquery-events-functions/
- Size: 14.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# jquery-events-functions
All jQuery Functions and Events
https://saip13.github.io/jquery-events-functions/
Index
SELECTORS
GETTING VALUES
EVENTS
VALIDATIONS
VALIDATIONS
SELECTORS:
1) #using class name : $('.class_name')
2) #using ID name : $('#id_name')
3) #uing tag name : $('tagname')
4) #using ele & class : $("p.class_name")
5) #all elements : $("a[href]") || $("a[target='_blank']") || $(":button")
GETTING VALUES:
1) var x = $("#id_name").val();
2) var x = $(".class_name").val();
3) var x = $(this).val();
4) var x = $(this).attr('attribute-name');
5) var str = $("form").serialize(); || $(this).serialize();
6) var checked_val = $("input:checkbox[name=check_coll]:checked").val(); #checkbox value
7) var radio_val = $("input:radio[name=status]:checked").val(); #radio value
8) var x = $("input:checkbox").val();
9) $('#id').each(function(){ var x = $(this).val(); });
10) $('.class').each(function(){ var x = $(this).val(); });
EVENTS:
#MOUSE EVENTS:
1) $("#id").click(function(){ }); #using id name
2) $(".class_name").click(function(){ }); #using class name
3) $(document).on("click", ".edit_listcontact", function(){ }); #using class name
4) $(document).on("click","#upd_user_info_btn",function(){ }); #using id name
1) $("p").dblclick(function(){ });
2) $("#id").dblclick(function(){ });
3) $(".class").dblclick(function(){ });
1) $("p").mouseenter(function(){ });
2) $("#id").mouseenter(function(){ });
3) $(".class").mouseenter(function(){ });
1) $("p").mouseleave(function(){ });
2) $("#id").mouseleave(function(){ });
3) $(".class").mouseleave(function(){ });
1) $("p").mousedown(function(){ });
2) $("#id").mousedown(function(){ });
3) $(".class").mousedown(function(){ });
1) $("p").mouseup(function(){ });
2) $("#id").mouseup(function(){ });
3) $(".class").mouseup(function(){ });
1) $("p").hover(function(){ });
2) $("#id").hover(function(){ });
3) $(".class").hover(function(){ });
#FORM EVENTS:
1) $("form").submit(function(){ });
2) $("#form_id").submit(function(){ });
3) $(".form_class").submit(function(){ });
# when an input field is changed || value enter and remove
1) $("input").change(function(){ });
2) $("#input_id").change(function(){ });
3) $(".input_class").change(function(){ });
#when the form field gets focus || enter into form input filed
1) $("input").focus(function(){ });
2) $("#id").focus(function(){ });
3) $(".class").focus(function(){ });
#when the form field lose focus || leave form input filed
1) $("input").blur(function(){ });
2) $("#id").blur(function(){ });
3) $(".class").blur(function(){ });
#KEYBOARD EVENTS:
# when field when a keyboard key is pressed down.
1) $("input").keydown(function(){ });
2) $("#input_id").keydown(function(){ });
3) $(".input_class").keydown(function(){ });
# when an field when a keyboard key is released.
1) $("input").keyup(function(){ });
2) $("#input_id").keyup(function(){ });
3) $(".input_class").keyup(function(){ });
# when field when a keyboard key is pressed.
1) $("input").keypress(function(){ });
2) $("#input_id").keypress(function(){ });
3) $(".input_class").keypress(function(){ });
#MULTIPLE EVENTS AT A TIME:
1) $("input").on('click','blur', function(){ });
2) $("#input_id").on('keypress','hover', function(){ });
3) $(".input_class").on('keypress','hover',function(){ });
4) $('#account_id').on('change', function () { });
5) $(document).on("keyup","#id-name",function(){});
5) $(document).on("keyup",".class-name",function(){});
7) $("selector").on({
mouseenter: function(){ $(this).css("background-color", "lightgray"); },
mouseleave: function(){ $(this).css("background-color", "lightblue"); },
click: function(){ $(this).css("background-color", "yellow"); }
});
VALIDATIONS:
#Empty Check:
var xid = $("#id").val();
if((xid == 0) || (xid == '') || (xid == undefined) || (xid == null)){
alert('empty');
}
#ALLOW ONLY NUMBERS:
$(document).on("keyup",".allowNumOnly",function(){
var val = $(this).val();
if(isNaN(val)){
val = val.replace(/[^0-9\.]/g,'');
}
$(this).val(val);
});
#Mail Validation:
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
if(emailReg.test(mail) ){
alert("Valid");
} else {
alert("Invalid");
}
#Mobile Validation:
var mobile = $("#mobile").val();
var filter = /^\d*(?:\.\d{1,2})?$/; || var NumberRegex = /^[0-9]*$/;
if (mobile.test(filter) && mobile.length == 10) {
alert("Valid");
} else {
alert("Invalid");
}
#Validate Dynamic Fileds(Multiple):
var primary_numbers = [];
$("input[name='primary_mobile[]']").each(function() {
var value = $(this).val();
primary_numbers.push(value);
if(value == ""){
alert("Mobile number should not be empty");
} else if(value != '') {
if(value.length < 10){
alert("Mobile number should be 10 digit");
}
}
});
if(primary_numbers != ""){
duplicateNumber = primary_numbers.some((element, index) => {
return primary_numbers.indexOf(element) !== index
});
if(duplicateNumber){
alert("Duplicate numbers should not be allowed!");
}
}
#Checkbox Validation:
if(($('.is_primeMobile:radio:checked').length == 0)){
alert("Please select atleast one primary number");
}