首页使用JavaScrip对单文本框输入邮箱地址进行验证

使用JavaScrip对单文本框输入邮箱地址进行验证

时间: 2024-02-21 08:26:10 浏览: 50

以下是使用JavaScript验证单文本框输入邮箱地址的示例代码： ```html <!DOCTYPE html> <html> <head> <title>Email Validation</title> <script type="text/javascript"> function validateEmail() { var email = document.getElementById("email").value; var pattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/; if (pattern.test(email)) { alert("Valid email address!"); return true; } else { alert("Invalid email address, please enter a valid email address."); return false; } } </script> </head> <body> <form> <label for="email">Email:</label> <input type="text" id="email" name="email"> <input type="button" value="Submit" onclick="validateEmail()"> </form> </body> </html> ``` 在上述代码中，我们定义了一个名为“validateEmail”的函数，该函数会在用户单击“提交”按钮时触发。该函数首先获取文本框中输入的电子邮件地址，并使用正则表达式来验证它是否符合电子邮件地址的格式。如果电子邮件地址有效，则函数会弹出一个消息框，指示电子邮件地址有效。如果电子邮件地址无效，则函数会弹出一个消息框，指示用户输入一个有效的电子邮件地址。函数最后返回一个布尔值，以指示表单是否应该提交。如果函数返回true，则表单将提交，否则不会提交。

阅读全文