Question

当我将我的php表单验证代码与我的javascript验证代码结合使用时，当我点击提交按钮时，javascript代码无法正常工作。它只会验证第一个表单字段而不是其他3个字段，然后php将验证所有字段。在javascript完成表单验证之前，我不希望php表单验证做任何事情。

当我只使用php或只使用javascript进行验证时，代码才能正常工作。我在这里错过了什么？它与表格的开头有关吗？

"form name="contactform" id="contactform" method="post" 
action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" 
onsubmit="return validateentry();">"

我是否应该在＆＃34; action＆＃34;去另一个网页？

javascript代码：

function validateemail()
{
var emailentry=document.forms.contactform.email.value;
at=emailentry.indexOf("@");
period=emailentry.lastIndexOf(".");
if(at < 1 || ( period - at < 2 )) 
{
   alert("Please enter correct email in the format of 'yourmail@yourwebsite.com'")
   document.forms.contactform.email.focus();
   return false;
}
return(true);
}


function validatephonenumber()
{
var re = /(?:\d{3}|\(\d{3}\))([-\/\.])\d{3}\1\d{4}/;  
    var numbers = document.forms.contactform.phone.value; 
    var verified = re.exec(numbers);  
    if (!verified)  
    {
alert("Please enter a phone number in the format of 999-999-9999");
return false;
}  
    return(true); 
}

function validateentry()
{
if(document.forms.contactform.name.value=="")
{
 alert("Please provide your name.");
 document.forms.contactform.name.focus();
 return false;
}

if(document.forms.contactform.company.value=="")
{
 alert("Please provide your company name. If you don't have one, simply state 
 that you don't.");
 document.forms.contactform.company.focus();
 return false;
}

 if(document.forms.contactform.email.value == "")
 {
 alert("Please provide an Email address.");
 document.forms.contactform.email.focus();
 return false;
 }else{
 var validformat=validateemail();
 if(validformat==false)
 {
 return false;
 }}

if(document.forms.contactform.phone.value=="")
{
 alert("Please provide a phone number in the format 999-999-9999.");
 document.forms.contactform.phone.focus();
 return false;
}
else if(document.forms.contactform.phone.value.length < 12)
{
    alert("Please provide the phone number in the format of 999-999-9999.");
    document.forms.contactform.phone.focus();
        return false;
}
    else
    {
    var validnumber=validatephonenumber();
    if(validnumber==false)
    {
    return false;
    }}

if(document.forms.contactform.msg.value=="")
{
 alert("Please provide a message.");
 document.forms.contactform.msg.focus();
 return false; 
}
 return(true);
}

Answer 1

目前还不清楚没有更多的代码，但根据你的评论，我猜你错误地写了你的PHP，它打破了你的javascript / html代码。也许你的一个引言？查看页面的源代码并通过其中一个在线验证服务运行，例如http://validator.w3.org和http://www.jslint.com

Answer 2

试试这个：

PHP HTML：

<?php
echo "<form name='contactform' id='contactform' method='post' 
action='' onsubmit='return validateentry(this);'>"
...

验证JavaScript：

function validateemail(e)
{
    var emailentry = e.value
        , at = emailentry.indexOf("@")
        , period = emailentry.lastIndexOf(".");

    if(at < 1 || ( period - at < 2 )) 
    {
       alert("Please enter correct email in the format of 'yourmail@yourwebsite.com'")
       e.focus();
       return false;
    }
    return true;
}


function validatephonenumber(e)
{
    var re = /(?:\d{3}|\(\d{3}\))([-\/\.])\d{3}\1\d{4}/
        , numbers = e.value;

    if (!re.exec(numbers))
    {
        alert("Please enter a phone number in the format of 999-999-9999");
        e.focus();
        return false;
    }
    return true;
}

function validateentry(f)
{
    if(f.name.value == "")
    {
        alert("Please provide your name.");
        f.name.focus();
        return false;
    }

    if(f.company.value == "")
    {
        alert("Please provide your company name. If you don't have one, simply state 
        that you don't.");
        f.company.focus();
        return false;
    }

    if(f.email.value == "")
    {
        alert("Please provide an Email address.");
        f.email.focus();
        return false;
    }
    else
    {
        var validformat = validateemail(f.email);
        if(validformat == false)
        {
            return false;
        }
    }

    if(f.phone.value == "" || f.phone.value.length < 12 || (validnumber = validatephonenumber(f.phone)) == false)
    {
        alert("Please provide the phone number in the format of 999-999-9999.");
        f.phone.focus();
        return false;
    }

    if(f.msg.value == "")
    {
        alert("Please provide a message.");
        f.msg.focus();
        return false; 
    }
    return true;
}

PHP验证和Javascript验证不能一起使用

2 个答案: