Question

必须从头开始制作一份申请表，稍微混淆一下我需要做什么才能使其发挥作用。这是我必须使用的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;

还有什么可以让它工作？我完全没有想法，谢谢你的期待！

Answer 1

由于您的代码未格式化，因此您将在方法中的括号中丢失 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>，因为我看不到它包含的内容。

如何使编码简单的请求表格验证

1 个答案: