How to validate Email Id in jQuery ?

How to validate position in jQuery ?

Last Updated : 29 Jul, 2021

In this article, we will find how to validate position using jQuery position() method. The .position() method in jQuery returns the position of the first matched element relative to its parent element.

Syntax:

$(selector).position()

Return value:

Returns an object containing the properties top and left.

Example: Let us take an example to understand .position() method of jQuery.

HTML

<!DOCTYPE HTML>
<html>
<head>
    <script src=
"https://code.jquery.com/jquery-3.5.0.js">
    </script>
</head>
<body style="text-align:center;">
    <h2 id="heading" style="color:green;">
        GeeksforGeeks
    </h2>
    
<p>
        jQuery | .position() method
    </p>


    <button id="button">
        click here to get position of heading
    </button>
      
    <script>
    // Selecting h2 tag and using .position() method 
    // to find its position relative to offset parent.
     $(document).ready(function(){
      $("button").click(function(){
        var x = $("h2").position();
        $( "p" ).last().text ("Top position is : " + 
               x.top + " Left position is : " + x.left);
      });
    });
    </script>
</body>  
</html>

Output :

jQuery position method

How to validate Email Id in jQuery ?

F

faizamu19

Improve

Article Tags :

Similar Reads

How to validate Email Id in jQuery ?

Validating an Email ID in jQuery means checking if the entered email format is correct before submitting a form. This is done using a regular expression (regex) within a jQuery function to ensure the input matches standard email patterns like [email protected] of ContentUsing the Regular Expr

How to Validate Number String in JavaScript ?

Validating a number string in JavaScript involves ensuring that a given string represents a valid number. This typically includes checking for digits, optional signs (+/-), decimal points, and possibly exponent notation (e.g., "1.23e4"). We will use various methods to validate number strings in Java

How to get value of textbox in jQuery ?

The purpose of this article is to demonstrate how we can get the value of textbox using jQuery. A basic understanding of HTML, CSS, and jQuery is required. This can be done by using the jQuery val() method. val() Method: This method is used to set or return the value of the attribute for the selecte

How to Validate XML in JavaScript ?

Validation of XML is important for ensuring data integrity and adherence to XML standards in JavaScript. There are various approaches available in JavaScript using which validation of the XML can be done which are described as follows: Table of Content Using DOM ParserUsing Tag MatchingUsing DOM Par

Form Validation using jQuery

Form validation is a process of confirming the relevant information entered by the user in the input field. In this article, we will be validating a simple form that consists of a username, password, and a confirmed password using jQuery.Below are the approaches for validation of form using jQuery:T

How to Validate Phone Number using jQuery Input Mask Plugin ?

An input mask is a string expression that demonstrates the format of a valid user input value or we can say that it constrains user input. This is very useful if there are certain inputs in forms that require validation. In this article, we will learn how to apply an input mask for validating a phon

How to get the Position of mouse pointer in jQuery ?

In this article, we will see how to get the position of the mouse pointer using jQuery. To get the position of mouse pointer, event.pageX, and event.pageY property is used. The event.pageX property is used to find the position of the mouse pointer relative to the left edge of the document. The event

How to Validate Decimal Numbers in JavaScript ?

Validating user input is an essential aspect of Web Development. As a developer, when we are playing with the numeric inputs provided by the end-user, it is quite important to ensure that the input provided by the user is in the correct format. We can use the regular expression to Validate Decimal N

How to make Right positioning icon using jQuery Mobile ?

jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be making Right positioning icon using jQuery Mobile. Approach: First, add jQuery Mobile scripts needed for your project. <link rel="sty

How to make a Icon position Checkbox using jQuery Mobile ?

jQuery Mobile is a web based technology used to make responsive content that can be accessed on all smartphones, tablets and desktops. In this article, we will be creating an Icon position Checkbox using jQuery Mobile. Approach: Add jQuery Mobile scripts needed for your project. <link rel=â€styles