Label not showing validation output after clicking submit button

Asked Feb 18 '18 at 12:06

Active Feb 18 '18 at 12:19

Viewed 43 times

I am making a simple form validation page, but whenever I click on the Submit button, it doesn't display the label, after validating input from the text input field (in this case E-mail).

Here is the code:

  function validate()
    {
        var regexp = new RegExp("/^([A-Za-z0-9_\.\.])+\@([A-Za-z0-9_\.\.])+\.([A-Za-z]{2,4})$/");
        if(regexp.test(document.getElementById("emailInput").value))
        {
             document.getElementById('email').innerHTML = 'Invalid Format!';
        }
    }

<!doctype html>

<html>
<head>
<title> Abdul Basit's Home Page</title>
</head>

<body>
<center>
<form onsubmit="return validate()">
    <fieldset>
    <legend>Enter your details:</legend>

    Name: <input type="text"><br/><br/>
    Email: <input type="text" id="emailInput"><br/>
    <label id="email"></label><br /><br />
    CNIC: <input type="text"><br/>
    <label id="cnic"></label><br /><br />
    <input type="submit" name="Submit">

    </fieldset>
</form>
</center>
</body>

</html>

edited Feb 18 '18 at 12:19

Supun Abesekara

asked Feb 18 '18 at 12:06

you should use post submit – Sahil Sharma Feb 18 '18 at 12:24
you might find solution here:- https://stackoverflow.com/a/46181/5285062 – Sahil Sharma Feb 18 '18 at 12:29
Possible duplicate of [How can an email address be validated in JavaScript?](https://stackoverflow.com/questions/46155/how-can-an-email-address-be-validated-in-javascript) – Sahil Sharma Feb 18 '18 at 12:30

Label not showing validation output after clicking submit button

0 Answers0