javascript - 如何编写简单的请求表单验证代码

必须从头开始制作申请表，并且对我需要什么才能使其发挥作用有点困惑。这是我必须使用的 HTML，javacode 是我从头开始组合的，它在 .js 文件中的第 18 行显示意外标记 }，但我需要 } 来完成该功能。

HTML

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Chapter 10: Registration Form</title>
</head>
<body>
<div class="page">
    <table>
        <tr>
            <td><input type="text" name="txtName" id="txtName" placeholder="Name" /></td>
            <td><p class="error" id="txtNameError">Name must be at least 6 characters long.</p></td>
        </tr>
        <tr>
            <td><input type="text" name="txtPhone" id="txtPhone" placeholder="Phone: ###-###-####" /></td>
            <td><p class="error" id="txtPhoneError">Phone must be in the format ###-###-####.</p></td>
        </tr>
        <tr>
            <td><input type="text" name="txtEmail" id="txtEmail" placeholder="Email Address" /></td>
            <td><p class="error" id="txtEmailError">Must be a valid email address.</p></td>
        </tr>
        <tr>
            <td colspan="2" style="text-align:center;"><button id="btnRegister" name="btnRegister">Register</button></td>
        </tr>
    </table>
</div>
<link type="text/css" rel="stylesheet" href="Chapter10.css" />
<script type="text/javascript" src="Chapter10.js"></script>
</body>
</html>

这是迄今为止我必须编写的代码，

function validateForm(){
var nameTxt = document.getElementById('txtName');
var phoneTxt = document.getElementById('txtPhone');
var emailTxt = document.getElementById('txtEmail');
{
if(allLetter(nameTxt))
{
if(ValidateEmail(txtEmail))
{
if(validatePhone(txtPhone))
}
}
return false;
console.log()
}
}
function allLetter(nameTxt) {

var letters = /^[A-Za-z]+$/;  
if(nameTxt.value.match(letters))
{  
return true;  
}   
else  
{  
alert('Username must have alphabet characters only');  
nameTxt.focus();  
return false;  
}  
} 

function phoneNumber(txtPhone){
var phoneTxt = /^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/;
if (txtPhone.value.match(phoneTxt))
{
    return ture;
}
else {
    alert("Eneter Vaild Phone Number");
    return false;
}
}

function ValidateEmail(txtEmail){   

if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*  (\.\w{2,3})+$/.test(myForm.emailAddr.value))  
{  
return (true)  
}  
alert("You have entered an invalid email address!")  
return (false)  
}  


function init(){
var btnRegister = document.getElementById('btnRegister');
btnRegister.onclick = btnRegister;
}
window.onload = init;

还需要添加什么才能使其正常工作？我完全不知道感谢您的浏览!

最佳答案

由于您的代码未格式化，因此您会迷失在方法的括号中 validateForm()

更新到此:

function validateForm(){
    var nameTxt = document.getElementById('txtName');
    var phoneTxt = document.getElementById('txtPhone');
    var emailTxt = document.getElementById('txtEmail');

    if(allLetter(nameTxt))
    {
        if(ValidateEmail(txtEmail))
        {
            if(validatePhone(txtPhone))
            {
            }
        }
    }
  console.log();
  return false;
}

更新此方法。

这个

function init(){
    var btnRegister = document.getElementById('btnRegister');
  btnRegister.onclick = btnRegister;
}

到此

function init(){
    var btnReg = document.getElementById('btnRegister');
    btnReg.onclick = BtnRegister;
}

3.创建方法

function BtnRegister()
{
    alert("here i am.");
}

4.更新

这个

window.onload = init;

到此

window.onload = init();

有人评论了我 <script type="text/javascript" src="Chapter10.js"></script>因为我看不到它包含什么。

关于javascript - 如何编写简单的请求表单验证代码，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34096665/

javascript - 如何编写简单的请求表单验证代码

上一篇：javascript - D3JS 与 Kibana

下一篇：javascript - 直接与委托(delegate) - jQuery .on()