javascript - 使用 Javascript 验证 PHP 表单数据

标签 javascript php

我正在使用 java 脚本验证 php 表单数据,但表单在未验证的情况下发送数据。我在创建此表单验证时是否犯了任何错误。 HTM代码为:

<form name="form1" action="sendmail.php" onSubmit="return validateform1();" method="post">
    <table>
        <tbody>
            <tr><td><input id="name" class="w200" name="name" type="text" value="Your Name" onFocus="if(this.value=='Your Name')this.value=''" onBlur="if(this.value=='')this.value='Your Name'"></td></tr>
            <tr><td><input id="cname" class="w200" name="cname" type="text" value="Company Name" onFocus="if(this.value=='Company Name')this.value=''" onBlur="if(this.value=='')this.value='Company Name'"></td></tr>
            <tr><td><input class="w200" name="email" type="text" value="Your Email ID" onFocus="if(this.value=='Your Email ID')this,value=''" onBlur="if(this.value=='')this.value='Your Email ID'"></td></tr>
            <tr><td><input class="w200" name="mno" type="text" value="Mobile No." onFocus="if(this.value=='Mobile No.')this.value=''" onBlur="if(this.value=='')this.value='Mobile No.'"></td></tr>
            <tr><td><input class="w200" name="country" type="text" value="Country" onFocus="if(this.value=='Country')this.value=''" onBlur="if(this.value=='')this.value='Country'"></td></tr>
            <tr><td><textarea class="w200n h60" name="message" cols="23" rows="4" onFocus="if(this.value=='Requirements')this.value=''" onBlur="if(this.value=='')this.value='Requirements'">Requirements</textarea></td></tr>
            <tr><td><input type="submit" value="Submit"><input name="reset" type="reset" value="Reset"></td></tr>
        </tbody>
    </table>
</form>

此表单验证的 java 脚本是:

<script language="javascript">
    function validateform1() {
        if($document.form1.name.value=="") {
            alert("Enter Name");
            return false;
        }

        if($document.form1.cname.value=="") {
            alert("Please enter company name");
            return false;
        }

        if($document.form1.email.value=="") {
            alert("Please enter your email");
            return false;
        }

        if($document.form1.mno.value=="") {
            alert("Please enter your mobile no.");
            return false;
        }

        if($document.form1.country.value=="") {
            alert("Please enter country");
            return false;
        }
    }
</script>

最佳答案

没有必要在“$document”中使用$

你应该只使用“文档”

这是你应该尝试的:

<script language="javascript">
function validateform1()
{
if(document.form1.name.value=="")
{
alert("Enter Name");
return false;
}
else if(document.form1.cname.value=="")
{
alert("Please enter company name");
return false;
}
else if(document.form1.email.value=="")
{
alert("Please enter your email");
return false;
}
else if(document.form1.mno.value=="")
{
alert("Please enter your mobile no.");
return false;
}
else if(document.form1.country.value=="")
{
alert("Please enter country");
return false;
}
else
{
    return true;
    }
}
</script>

并在表单的“onSubmit”事件上调用 validateform1()。

关于javascript - 使用 Javascript 验证 PHP 表单数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19343368/

相关文章:

PHP,检查电子邮件是否已在数据库中

php - Controller 或模型中的 htmlspecialchars?

javascript - 在滚动点上使侧边栏淡入

javascript - [] 前没有分号导致 JavaScript 出错

javascript - 使用按钮选择带有数据表的特定行

PHP/MYSQL 复制插入语句的最后一行

php - Laravel 5.2 获取Linux系统环境变量

javascript - 如何在 d3.js (albersUsa) 中为每个状态添加标签?

javascript - 从模型中检索 Backbone 集合并将其保留为集合

php - 指定的列不在行中