How to validate name , email,phone no with javascript and Html

-

 Below is the code of validation

<html>

<head>
    <title>
        Validation
    </title>
    <script language="javascript">
        function validate() {
            var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
            var fname = document.getElementById('fname').value;
            fname = fname.trim();
            var lname = document.getElementById('lname').value;
            lname = lname.trim();
            var email = document.getElementById('email').value;
            email = email.trim();
            var contact = document.getElementById('contact').value;
            contact = contact.trim();

            if (fname == "") {
                alert("please enter first name")
            }
            else if (lname == "") {
                alert("please enter last name")
            }
            else if (email == "") {
                alert("please enter email")
            }
            else if (reg.test(email) == false) {
                alert("please enter valid email")
            }
            else if (contact == "") {
                alert("please enter phone number in contact")
            }
            else if (contact.length != 10) {
                alert("please enter correct phone number")
            }
            else if (contact.length != 10) {
                alert("please enter correct phone number")
            }
            else {
                window.location = 'new.html';
            }
        }
    </script>
</head>

<body style="margin:0;">

    <div style="width: 100%;height: 25%;">
        <br><br>
        <h1 style="text-align: center;">Fixed Deposit Form</h1>
    </div>
    <div style="width: 100%;height: 50%;align-content: center;
align-items: center;text-align: center;">
        <div style="display: inline-block; width: 30%;">

        </div>
        <div style="display: inline-block; width: 39%;border: 1px solid black;
height: 100%;">
            <form style="align-content: center;">
                <br>
                <label style="font-size: 20;">First name : &nbsp;&nbsp;</label>
                <input type="text" id="fname" name="fname"><br>
                <br>

                <label style="font-size: 20;">Last name : &nbsp;&nbsp;&nbsp;</label>
                <input type="text" id="lname" "><br>
                    <br>
<label style=" font-size: 20;">E-mail : &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </label>
                <input type="email" id="email"><br><br>
       <label style="font-size: 20;">
 Contact : &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
                <input type="number" id="contact"><br><br>

                <label style="font-size: 20;">account no : &nbsp;&nbsp; </label>
                <input type="number" id="acno"><br><br>

                <label style="font-size: 20;"> age:
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </label>
                <input type="number" id="age"><br><br>

                <label style="font-size: 20;">scheme no : &nbsp;&nbsp;&nbsp;</label>
                <input type="number" id="scheme"><br>
                <br>

                <input type="button" onclick="validate()" value="submit"
                    style="height: 30px;width: 90px;">&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="reset" value="reset" style="height: 30px;width: 90px;">
            </form>
        </div>
        <div style="display: inline-block; width: 30%;">

        </div>

    </div>
    <div style="width: 100%;height: 25%;">

    </div>
</body>

</html>
 
Comment for any Query

Comments

Post a Comment

Popular posts from this blog

Never Ending Loop but when will end doesn't know program in python

-
Image
About the Program In this program we are going to code the simple python program with loop. But a catch is when the loop will terminate no one knows maybe never maybe in 5 minutes or maybe in 5 sec  Program import random  a = 137  print(a)  b = 0  while True:      b+=1      r=random.randint(1,10000000000)      print(str(b)+" "+str(r))      if r==a:          print(r," is succesfully founded")          break  What is happening with the code  The code is going into the loop and in loop it is taking a random number and checking with our initialized number if found it gets exit comment down the number when your loops gets exit. tip :- to execute program fast just change the    r=random.randint(1,10000000000) to     r=random.randint(1,1000) 
Read more

Rectangle with pencil in paint with the help of Python programming

-
Image
How to create rectangle with the help of pencil in python as per below? Here is the answer. Requirements :- PYAUTOGUI Library of the Python  Code import pyautogui import time pyautogui.moveTo(320,320) time.sleep(0.1) pyautogui.mouseDown() x=320 y=320 while y<=420: pyautogui.moveTo(x,y) while x<=540: x=x+110 pyautogui.moveTo(x,y) x=320 y=y+1 pyautogui.mouseUp() Steps to perform operation: !)     Open Visual Studio Code (if not installed download from here ) 2)     Create python file then Copy and paste the code 3)     Open paint -> select pencil or brush and arrange window as given below 4)     Run the code . 5)     wait for the code to stop Done ! you had drawn rectangle with the help of the pencil comment down below for any query. (Caution : Modifying code can make code operate in infinite loop so perform operation with caution)
Read more

How to get all links of any website using Python

-
This code will extract all links form the website and will show to you Requirements 1)      beautifulsoup4 2)     requests Steps to install requirements 1) open cmd as admin 2) Type pip install beautifulsoup4 3) wait for installation 4) after completion of installation type pip install requests 5) wait for installation completion Code import requests from bs4 import BeautifulSoup url = "https://www.python.org" links = [] website = requests.get(url) website_text = website.text soup = BeautifulSoup(website_text) for link in soup.findAll('a'):     links.append(link.get('href')) for link in links:     if not link:         pass     elif "http" in link :         print(link)     else:         print(url+link) print(len(links)) Comment down queries below if any are there
Read more