单击提交按钮后标签未显示验证输出

时间:2018-02-18 12:06:16

标签: javascript html

我正在制作一个简单的表单验证页面,但每当我点击“提交”按钮时,在验证来自文本输入字段(在本例中为电子邮件)的输入后,它不会显示标签。

以下是代码:



  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>
&#13;
&#13;
&#13;

0 个答案:

没有答案