javascript - 我有一个从用户收集数据的表单,我需要使用 JavaScript 停止该表单

标签 javascript

我使用 JavaScript 创建了一个联系表单,它使用提示将数据输入到变量中。然后我需要验证输入的数据,如果不正确,我需要整个过程停止并请求有效的输入。不幸的是,我正在使用提示从用户那里获取 2 个值,并且我无法获得执行任何操作或更改任何内容的验证。这是我的代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org  
    /TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head><title> Support Contact </title>
    <link rel="stylesheet" type="text/css" href="stylez.css" />
     <script type="text/javascript">

     var email = document.getElementById("email");
    function checkEmail(email)
    {

        var reg1 = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;

        if(reg1.test(email) == false) {
            alert("Please enter a valid Email address!!")} else
         if(reg1.test(email) == true) {
                }
    }

    </script>

    <script type="text/javascript">
    var email;
    var name;
    email=prompt("Please enter your primary Email address....", "");

    name=prompt("Please enter your name.","");
    document.write("Thank you ", name, " someone will contact you within 48 hours!!"); 
    // --></script></head>
    <body><h1> Support Contact Page</h1><h2 align="center">
    <table width="200" border="1">
    <tr>
    <td>Available m-sun</td>
    <td>Except Holidays</td>
    <td><div align="center">Email replies</div></td>
    </tr>
    </table></h2>
    <a href="index.html"><img src="images/300px-Basketball_pictogram.svg.png" width="103"
    height="101" alt="home" /></a>
    </body>
    </html>

如果输入的电子邮件无效,根据 if 条件语句,我需要停止一切。如果变量reg1没有通过测试,如何阻止它?

最佳答案

在测试中,如果失败,则返回 false。

if(reg1.test(email) == false) {
    alert("Please enter a valid Email address!!")
    return false;
} else

关于javascript - 我有一个从用户收集数据的表单,我需要使用 JavaScript 停止该表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9261815/

相关文章:

javascript - Symfony|Twig : update data after ajax call

JavaScript 隐藏点击外部触发器两次

javascript - Observable 而不是 Promise with async\await

javascript - Jquery 导航栏无法正常工作

javascript - 如何将这些 ng-init 移动到 Controller 中?

javascript - 按 ID 存储关联数据

javascript - Vue Js 列表渲染用 Splice 改变数组

javascript - 如何旋转箭头以指向屏幕上的鼠标位置

javascript - 如何检查一个日期是否大于另一个日期?

javascript - requireJS优化: "Uncaught TypeError: undefined is not a function"