How to use use jQuery to get the name value after the prefix string for input elements?

JavaScript

var inputName = $(‘input[name=”bodySample-1″]’).attr(‘name’); var prefix = ‘bodySample-‘; if (inputName.indexOf(prefix) === 0) { var value = inputName.substr(prefix.length); console.log(value); } This code will log...

JavaScript code to encapsulate {{}} with span elements

JavaScript

JavaScript code to encapsulate {{}} with span elements Problem For examples: if a div tag has content “{{1}}{{2}}” and i want to encapsulate all {{}} like “<span class=”sample-1″>{{1}}</span><span...

Script that will check the character count in CKEditor 4

JavaScript

This following script sets an event listener on the CKEditor instance and gets triggered on every keyup event. It then retrieves the data from the editor, removes any HTML tags from it using a regular expression, and counts the remaining characters. Finally, it logs...

Allow alphabets and space only in text field

JavaScript

There is a way to use an inline script to do this: <input type=’text’ onkeypress=”return (event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123) || (event.charCode == 32)”...

How to use “MutationObserver API” to observe the changes to the target node

JavaScript

In this article, we will explore how to write a script in JavaScript to detect if a node is inserted or removed in an element. One way to detect if a node is inserted or removed is to use the MutationObserver API. This API provides a way to observe changes to the DOM...

How to detect if node is added or removed inside a DOM element

JavaScript

document.getElementById(“myDiv”).addEventListener(“DOMNodeInserted DOMNodeRemoved”, function(event) { console.log(“A new node has been inserted or removed.”); }); To use these events, you can bind a function to the DOMNodeInserted...