How to count the number of characters in an input tag?

JavaScript, jQuery

To count the number of characters in an input tag, you can use JavaScript or jQuery to get the value of the input and then count the length of the value. We can use the length property to count the number of characters in the input text. Here are some examples: Using...

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...

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...