Javascript 我的输入未进入下一页_Javascript_Forms_Validation

Javascript 我的输入未进入下一页

javascript forms validation

Javascript 我的输入未进入下一页,javascript,forms,validation,Javascript,Forms,Validation,我已经创建了一个表单，用户将在其中输入一些信息，并且在用户可以进入下一页（Thankyu.html）之前必须验证电子邮件。但是，当我将所有内容正确地输入表单时，电子邮件将得到验证，但我无法进入下一页……我无法找出我做错了什么。任何帮助都将不胜感激，并提前向您表示感谢 <script type = "text/javascript"> function validate() { var text = document.getElemen

我已经创建了一个表单，用户将在其中输入一些信息，并且在用户可以进入下一页（Thankyu.html）之前必须验证电子邮件。但是，当我将所有内容正确地输入表单时，电子邮件将得到验证，但我无法进入下一页……我无法找出我做错了什么。任何帮助都将不胜感激，并提前向您表示感谢

<script type = "text/javascript">

    function validate()
        {
            var text = document.getElementById("text1").value;
            var regx = /^([a-zA-Z0-9\.-]+)@([a-zA-Z0-9-]+)\.([a-z]{3})$/;
            var uname = document.getElementById("name");
            var title = document.getElementById("title1");
            var comment = document.getElementById("cmt");


        if(regx.test(text))
            {
            document.getElementById("lbltext").innerHTML="you may proceed";
            document.getElementById("lbltext").style.visibility="visible";  
            document.getElementById("lbltext").style.color="green";
            }
        else{
            document.getElementById("lbltext").innerHTML="invalid email";
            document.getElementById("lbltext").style.visibility="visible";
            document.getElementById("lbltext").style.color="black";
            }

        }

</script>
</head>

<body>
<form onsubmit = "return validate()" action = "thankyou.html" class = "input"><br><br>
    <p style = "text-decoration: underline; color: white;">comment :</p><br>
    <input id= "name" placeholder= "Name" type= "text" style = "height: 25px; width:250px;"/><br><br>
    <input id = "text1" placeholder = "Email" type= "text" style = "height: 25px; width: 250px;"/><p style = "font-size: 25px; color: red; display: inline-block;">*</p><label id= "lbltext" style = "color: black;visibility: hidden"></label><br><br>
    <input id= "title1" placeholder= "title" type= "text" style = "height: 25px; width: 500px;"/><br><br>
    <textarea id= "cmt" placeholder= "Comment" type= "text" style = "height: 250px; width: 500px;"></textarea><br><br>
    <button onClick="validate()" type="button" style = "color: white; font-weight: bold; background-color:  #9933ff; width: 75px; height: 30px;float: right; margin-right: 90px; border:thick; border-color: black;">Submit</button>
    </form>
</body>


函数验证（）
{
var text=document.getElementById（“text1”）.value；
变量regx=/^（[a-zA-Z0-9\.-]+）@（[a-zA-Z0-9-]+）\（[a-z]{3}）$/；
var uname=document.getElementById（“名称”）；
var title=document.getElementById（“title1”）；
var comment=document.getElementById（“cmt”）；
if（注册表测试（文本））
{
document.getElementById（“lbltext”）.innerHTML=“您可以继续”；
document.getElementById（“lbltext”）.style.visibility=“visible”；
document.getElementById（“lbltext”）.style.color=“绿色”；
}
否则{
document.getElementById（“lbltext”）.innerHTML=“无效电子邮件”；
document.getElementById（“lbltext”）.style.visibility=“visible”；
document.getElementById（“lbltext”）.style.color=“black”；
}
}



注释：





*









提交

您的按钮必须是

type=“submit”

，才能让

采取行动

旧的：

您的按钮必须是type=“submit”
，才能让
采取行动
旧的：
由于您使用的是返回验证（）
，因此提交的需要一个来自验证（）
的布尔返回值。因此，如果要提交表单，应返回true
，如果不返回false

注意

如果要访问下一页中的表单数据，应为输入字段设置name
属性
由于您使用的是onSubmit
，因此不需要将onClick
放到按钮上。并且按钮类型应该是submit
而不是按钮



函数验证（）
{
var text=document.getElementById（“text1”）.value；
变量regx=/^（[a-zA-Z0-9\.-]+）@（[a-zA-Z0-9-]+）\（[a-z]{3}）$/；
var uname=document.getElementById（“名称”）；
var title=document.getElementById（“title1”）；
var comment=document.getElementById（“cmt”）；
if（注册表测试（文本））
{
document.getElementById（“lbltext”）.innerHTML=“您可以继续”；
document.getElementById（“lbltext”）.style.visibility=“visible”；
document.getElementById（“lbltext”）.style.color=“绿色”；
返回true；
}
否则{
document.getElementById（“lbltext”）.innerHTML=“无效电子邮件”；
document.getElementById（“lbltext”）.style.visibility=“visible”；
document.getElementById（“lbltext”）.style.color=“black”；
返回false；
}
}




注释：





*









提交
由于您使用的是返回验证（）
，因此提交的需要一个来自验证（）
的布尔返回值。因此，如果要提交表单，应返回true
，如果不返回false

注意

如果要访问下一页中的表单数据，应为输入字段设置name
属性
由于您使用的是onSubmit
，因此不需要将onClick
放到按钮上。并且按钮类型应该是submit
而不是按钮



函数验证（）
{
var text=document.getElementById（“text1”）.value；
变量regx=/^（[a-zA-Z0-9\.-]+）@（[a-zA-Z0-9-]+）\（[a-z]{3}）$/；
var uname=document.getElementById（“名称”）；
var title=document.getElementById（“title1”）；
var comment=document.getElementById（“cmt”）；
if（注册表测试（文本））
{
document.getElementById（“lbltext”）.innerHTML=“您可以继续”；
document.getElementById（“lbltext”）.style.visibility=“visible”；
document.getElementById（“lbltext”）.style.color=“绿色”；
返回true；
}
否则{
document.getElementById（“lbltext”）.innerHTML=“无效电子邮件”；
document.getElementById（“lbltext”）.style.visibility=“visible”；
document.getElementById（“lbltext”）.style.color=“black”；
返回false；
}
}




注释：





*









提交
此外，验证后，您似乎要立即访问tankyou.html。在我看来，你不需要绿色的“你可以继续”。你可以稍微整理一下你的代码
    if(regx.test(text) === false)
    {
        document.getElementById("lbltext").innerHTML="invalid email";
        document.getElementById("lbltext").style.visibility="visible";
        document.getElementById("lbltext").style.color="black";
        return false;
    }
    else
    {
        return true;
    }

另外，看起来您只是在验证后立即访问tankyou.html。在我看来，你不需要绿色的“你可以继续”。你可以稍微整理一下你的代码
    if(regx.test(text) === false)
    {
        document.getElementById("lbltext").innerHTML="invalid email";
        document.getElementById("lbltext").style.visibility="visible";
        document.getElementById("lbltext").style.color="black";
        return false;
    }
    else
    {
        return true;
    }

onClick
是不必要的，因为它会自动触发onSubmit
。onClick
是不必要的，因为它会触发onSubm
    if(regx.test(text) === false)
    {
        document.getElementById("lbltext").innerHTML="invalid email";
        document.getElementById("lbltext").style.visibility="visible";
        document.getElementById("lbltext").style.color="black";
        return false;
    }
    else
    {
        return true;
    }