调用外部JS函数验证电子邮件

Calling external JS function to verify email

本文关键字：验证 电子邮件 函数 JS 外部 调用      更新时间：2023-09-26

在我的HTML表单中，我有 

<label for="email">Email:</label> 
<input type="email" name="email" id="email" required /><br><br> 
<label for="confemail">Confirm Email:</label> 
<input type="email" name="confemail" id="confemail" required /><br><br>

在我的外部JS文件中，我有函数

function confirmEmail() {
        var email = document.getElementById("email").value
        var confemail = document.getElementById("confemail").value
        if(email != confemail) {
            alert('Email Not Matching. Try again');
        }
    }

如何实现此功能？当我提交表单时，它实际上并没有使用该功能。如果我在表格中添加 2 封不同的电子邮件，它允许我继续。我不是在谈论添加<script type="text/javascript" src="file.js"></script>

将以下属性添加到表单的提交按钮：onclick="return confirmEmail()" 。

这样：

<input type="submit" onclick="return confirmEmail()" />

这将是您的函数：

function confirmEmail() {
    var email = document.getElementById("email").value
    var confemail = document.getElementById("confemail").value
    if(email != confemail) {
        alert('Email Not Matching. Try again');
        return false;
    }
    return true;
}

解释：

放置在提交按钮上的 onclick 事件处理程序将调用您的函数。在 onclick 事件上返回false会阻止表单提交。因此，如果您的电子邮件应该相同条件失败，则表单将不会提交。

还有其他方法可以捕获提交事件。例如，通过在 <form> 元素上使用 onsubmit 事件处理程序。

相关文章：