<script>
jQuery(document).ready(function(){
window.history.replaceState(null, null, window.location.pathname);
});
</script>JavaScript
Validate URL using jQuery
var url = "https://avinashkonanki.com/";
var url_validate = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/;
if(!url_validate.test(url)){
alert('error');
}
else{
alert('success');
}jQuery validation to allow only numbers OR only characters
Allow only numbers
$(‘#zip’).keypress(function(event){
if(event.which != 8 && isNaN(String.fromCharCode(event.which))){
event.preventDefault();
}
});
Allow Characters with dots
$(‘#name’).keypress(function(event){
var inputValue = event.charCode; if(!(inputValue >= 65 && inputValue <= 120) && (inputValue != 32 && inputValue != 0 && inputValue != 46)){
event.preventDefault();
}
});
How to get parameters from current page URL using jQuery
Clear form values using jQuery code
$(document).ready(function(){
$(“#submit2”).click(function(){
$(“.form-contact”).trigger(‘reset’);
});
});
Browser close & reload events in jQuery
/*Browser close jQuery event*/
Put this code body tag –> onunload=”doUnload()”
Below code for script
function doUnload()
{
if(window.event.clientX < 0 && window.event.clientY <0){
var cookieName = ‘suitebeb123’;
$.removeCookie(cookieName);
}
}
/*Broser reload javascript function*/
window.onbeforeunload = function (e) {
// Your logic to prepare for ‘Stay on this Page’ goes here
}
Prevent anchor tag onclick # going to top of the page
Please find below code for prevent anchor tag onclick
$(document).ready(function()
{
a.click(function(e)
{
e.preventDefault();
});
});Smooth Scroll using jQuery
Please find below code for smooth scroll
$(document).ready(function(){
$(“a”).on(‘click’, function(event) {
if (this.hash !== “”) {
event.preventDefault();
var hash = this.hash;
$(‘html, body’).animate({
scrollTop: $(hash).offset().top
}, 1800, function(){
window.location.hash = hash;
});
}
});
});
window.location in javascript
Please find below code…
//Get current page url
var curr_url = window.location.href
//Get hostname
var host_name = window.location.hostname
//Display the path name of the current URL
var path_name = window.location.pathname
//Get protocol of URL return http:// or https://
var proto = window.location.protocol;
//Get parameters from URL
var x = location.search;
Result:
?email=someone@example.com
HTML 5 Standard Events in JavaScript
Offline => Triggers when the document goes offline
Onabort => Triggers on an abort event
onafterprint => Triggers after the document is printed
onbeforeonload => Triggers before the document loads
onbeforeprint => Triggers before the document is printed
onblur => Triggers when the window loses focus
oncanplay => Triggers when media can start play, but might has to stop for buffering
oncanplaythrough => Triggers when media can be played to the end, without stopping for buffering
onchange => Triggers when an element changes
onclick => Triggers on a mouse click
oncontextmenu => Triggers when a context menu is triggered
ondblclick => Triggers on a mouse double-click
ondrag => Triggers when an element is dragged
ondragend => Triggers at the end of a drag operation
ondragenter => Triggers when an element has been dragged to a valid drop target
ondragleave => Triggers when an element is being dragged over a valid drop target
ondragover => Triggers at the start of a drag operation
ondragstart => Triggers at the start of a drag operation
ondrop => Triggers when dragged element is being dropped
ondurationchange => Triggers when the length of the media is changed
onemptied => Triggers when a media resource element suddenly becomes empty.
onended => Triggers when media has reach the end
onerror => Triggers when an error occur
onfocus => Triggers when the window gets focus
onformchange => Triggers when a form changes
onforminput => Triggers when a form gets user input
onhaschange => Triggers when the document has change
oninput => Triggers when an element gets user input
oninvalid => Triggers when an element is invalid
onkeydown => Triggers when a key is pressed
onkeypress => Triggers when a key is pressed and released
onkeyup => Triggers when a key is released
onload => Triggers when the document loads
onloadeddata => Triggers when media data is loaded
onloadedmetadata => Triggers when the duration and other media data of a media element is loaded
onloadstart => Triggers when the browser starts to load the media data
onmessage => Triggers when the message is triggered
onmousedown => Triggers when a mouse button is pressed
onmousemove => Triggers when the mouse pointer moves
onmouseout => Triggers when the mouse pointer moves out of an element
onmouseover => Triggers when the mouse pointer moves over an element
onmouseup => Triggers when a mouse button is released
onmousewheel => Triggers when the mouse wheel is being rotated
onoffline => Triggers when the document goes offline
onoine => Triggers when the document comes online
ononline => Triggers when the document comes online
onpagehide => Triggers when the window is hidden
onpageshow => Triggers when the window becomes visible
onpause => Triggers when media data is paused
onplay => Triggers when media data is going to start playing
onplaying => Triggers when media data has start playing
onpopstate => Triggers when the window’s history changes
onprogress => Triggers when the browser is fetching the media data
onratechange => Triggers when the media data’s playing rate has changed
onreadystatechange => Triggers when the ready-state changes
onredo => Triggers when the document performs a redo
onresize => Triggers when the window is resized
onscroll => Triggers when an element’s scrollbar is being scrolled
onseeked => Triggers when a media element’s seeking attribute is no longer true, and the seeking has ended
onseeking => Triggers when a media element’s seeking attribute is true, and the seeking has begun
onselect => Triggers when an element is selected
onstalled => Triggers when there is an error in fetching media data
onstorage => Triggers when a document loads
onsubmit => Triggers when a form is submitted
onsuspend => Triggers when the browser has been fetching media data, but stopped before the entire media file was fetched
ontimeupdate => Triggers when media changes its playing position
onundo => Triggers when a document performs an undo
onunload => Triggers when the user leaves the document
onvolumechange => Triggers when media changes the volume, also when volume is set to “mute”
onwaiting => Triggers when media has stopped playing, but is expected to resume
AviWeb 