Javascript validation:

Javascript validation:

本文关键字：validation Javascript      更新时间：2023-09-26

我遇到了这个问题，从电子邮件验证部分开始，这些验证就停止了。

我只是不明白为什么，即使看了几天，只是想知道是否有人能在这里指出我的错误？

Javascript部分：

function validateForm()
{
var x=document.forms["myForm"]["firstname"].value;
if (x==null || x=="")
    {
    alert("First name must be filled out");
    return false;
    }
var x=document.forms["myForm"]["lastname"].value;
if (x==null || x=="")
    {
    alert("Last name must be filled out");
    return false;
    }
var x=document.forms["myForm"]["age"].value;
if (x==null || x=="" || x < 18 || x > 110 || isNaN(x))
    {
    alert("Age must be 18-110");
    return false;
    }
var x=document.forms["myForm"]["email"].value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos < 1 || dotpos < atpos + 2 || dotpos + 2 >= x.length)
    {
    alert("Not a valid e-mail address");
    return false;
    }
var x=document.forms["myForm"]["phone"].value;
var pattern = /^'(?([0-9]{2})')?[ ]+([0-9]{4})[ ]+([0-9]{4})$/;
if (x==null || x=="")
    {
    alert("Not a valid phone number");
    return false;
    } else if (x.match(pattern)) {
    return true;
    } else {
    alert ("Phone number must be in the following format: xx xxxx xxxx");
    return false;
    }
}

这是表单部分：

<form id="myForm" action="../includes/create-user.php" onsubmit="return validateForm();" method="post">
    <div id = "table">
        <table>
        <tr>
            <td>First Name: </td>
            <td><input type="text" name="firstname" id="firstname"/></td>
        </tr>
        <tr>
            <td>Last Name: </td>
            <td><input type="text" name="lastname" id="lastname"/></td>
        </tr>
        <tr>
            <td>Age: </td>
            <td><input type="text" name="age" id="age"/></td>
        </tr>
        <tr>
            <td>E-mail (username): </td>
            <td><input type="text" name="user" id="user1"/></td>
        </tr>
        <tr>
            <td>Password: </td>
            <td><input type="password" name="pass" id="pass1"/></td>
        </tr>
        <tr>
            <td>Phone: </td>
            <td><input type="text" name="phone" id="phone"/></td>
        </tr>
        </table>
    </div>
    <div>
        <input type="submit" name="submit" id="submit" value="Register"/>
    </div>
</form>

第一件突出的事情是指定您的字段：

<td><input type="text" name="user" id="user1"/></td>

id="user1"然后你在你的脚本中查找电子邮件

var x=document.forms["myForm"]["email"].value;
相关文章：