Question

我正在尝试制作一个表单，用于检查空字段，正确的电子邮件和电话号码格式，以及仅用于名称的字母和空格。我尝试了很多不同的网站，但没有工作。这是我的代码，我希望你可以建议更正。

HTML：

<html>
    <head>
        <script type="text/javascript" src="form.js"></script>
    </head>
    <body>
        <form onsubmit="return checkForm(this);">
            E-Mail:<input type="text" id="email" size="15"/>
            <br/>
            Name:<input type="text" id="name" size="10"/>
            Phone #:<input type="text" id="phonenumber" size="15"/>
            Age:<input type="text" size="5" id="age"/>
            <br/>
            <input type="submit" value="Submit" name="submit"/>
            <input type="reset" value="Reset" name="reset"/>
        </form>
    </body>
</html>

JavaScript的：

function checkForm(email,inputtxt){  
    //Do I have to define the function parameters somewhere?
    var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]     {1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(email);

    var letters = /^[A-Za-z]+$/;
    if (inputtxt.value.match(letters)){
        return true;
    }
    else {
        alert("Please enter a valid name!");
        return false;
    }

    var phoneno = /^\d{10}$/;  
    if((inputtxt.value.match(phoneno)){  
        return true;  
    }  
    else {  
        alert("Please insert a valid phone number!!!");  
        return false;  
    }  
    txb.value = txb.value.replace(/[^\0-9]/ig, ""); 
}

注意：请不要批评我的JavaScript和/或HTML。我是从网站上得到的。我知道大多数人对编码的反应比我更多，所以你能不能试着帮忙吗？

Answer 1

单击“提交按钮”

时，您没有调用表单验证功能

您可以像这样调用验证功能

 <input type="submit" value="Submit" name="submit" onclick="history.forward()" />

希望它会对你有所帮助如果您需要进一步澄清，请告诉我

谢谢

Answer 2

E-Mail:<input type="email" id="email" size="15" required />
<br/>
Name:<input type="text" id="name" size="10" required />
Phone #:<input type="text" id="phonenumber" size="15"/>
Age:<input type="number" size="5" id="age" required />
<br/>
<input type="submit" value="Submit" name="submit"/>
<input type="reset" value="Reset" name="reset"/>

不需要额外的功能，希望它的帮助：）

大表格的表格验证

2 个答案: