【问题标题】:ReferenceError: $ is not defined in sendmail.phpReferenceError: $ 未在 sendmail.php 中定义
【发布时间】:2013-10-23 17:35:41
【问题描述】:

让我提前道歉,我只是像昨天一样跳入 jquery 的东西,所以说慢点并使用很多初学者术语。无论如何,我试图让我的 jquery/ajax 联系表单停止刷新并保持在同一页面上,但我一直收到错误消息“ReferenceError: $ is not defined”。我试图解决这个问题并弄清楚它是否与我在这里的失败有关。

这里是 HTML......

<div id="contact">
            <h2>Contact</h2>
            <div class="clear"></div>
            <div class="contactContainer">
                <h3>Get in touch:</h3>
                <div class="contact">

                    <form action="js/ajaxcontactform/sendmail.php" method="post" id="contactForm">
                    <ul>
                    <li>
                    <label for="name">Name:<font color="#ff3300">*</font></label>
                    <input type="text" name="name" value="" id="name" />
                    </li>
                    <li>
                    <label for="email">Email:<font color="#ff3300">*</font></label>
                    <input type="text" name="email" value="" id="email" />
                    </li>
                    <li>
                    <label for="tele">Telephone:</label>
                    <input type="text" name="tele" value="" id="tele" />
                    </li>
                    <li class="special" style="display: none;">
                    <label for="last">Don't fill this in:</label>
                    <input type="text" name="last" value="" id="last" />
                    </li>
                    <li>
                    <label for="message">Message:<font color="#ff3300">*</font></label><textarea rows="5" name="message"></textarea>
                    </li>
                    <li class="submitbutton">
                    <input type="submit" class="btn" value="Send Message" />
                    </li>
                    </ul>
                    </form>

这里是php.....

    <?php

// basic settings section
$sendto = 'your@email.com';
$subject = 'You have a new message from your virtual resume!';
$iserrormessage = 'There was a problem with sending e-mail to us, please check:';
$thanks = "Thank's for your message! I'll contact you as soon as possible!";

$emptyname = 'Did you enter your name?';
$emptyemail = 'Did you enter your e-mail address?';
$emptymessage = 'Did you enter the message?';
$emptyphone = 'Did you enter phone number?';

$alertname = 'Please enter your name with standard alphabet!';
$alertemail = 'Please enter your e-maill address in format: name@domain.com';
$alertmessage = "Please do not use any parenthesis or other escaping characters. Standard web url's should work fine!";
$alertphone = 'Please enter your phone number without any special characters, only numbers ex: 5553212';

$alert = '';
$iserror = 0;

// cleaning the post variables
function clean_var($variable) {$variable = strip_tags(stripslashes(trim(rtrim($variable))));return $variable;}

// validation of filled form
if ( empty($_REQUEST['name']) ) {
$iserror = 1;
$alert .= "<li>" . $emptyname . "</li>";
} elseif ( ereg( "[][{}()*+?.\\^$|]", $_REQUEST['name'] ) ) {
$iserror = 1;
$alert .= "<li>" . $alertname . "</li>";
}


if ( empty($_REQUEST['email']) ) {
$iserror = 1;
$alert .= "<li>" . $emptyemail . "</li>";
} elseif ( !eregi("^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,3})$", $_REQUEST['email']) ) {
$iserror = 1;
$alert .= "<li>" . $alertemail . "</li>";
}

if ( empty($_REQUEST['message']) ) {
$iserror = 1;
$alert .= "<li>" . $emptymessage . "</li>";
} elseif ( ereg( "[][{}*+\\^|]", $_REQUEST['message'] ) ) {
$iserror = 1;
$alert .= "<li>" . $alertmessage . "</li>";
}

// if there was error, print alert message
if ( $iserror==1 ) {

echo "<script type='text/javascript'>$(\".message\").hide(\"slow\").fadeIn(\"slow\").delay(5000).fadeOut(\"slow\"); </script>";
echo "<strong>" . $iserrormessage . "</strong>";
echo "<ul>";
echo $alert;
echo "</ul>";

} else {
// if everything went fine, send e-mail

$msg = "From: " . clean_var($_REQUEST['name']) . "\n";
$msg .= "Email: " . clean_var($_REQUEST['email']) . "\n";
$msg .= "Message: \n" . clean_var($_REQUEST['message']);
$header = 'From:'. clean_var($_REQUEST['email']);

mail($sendto, $subject, $msg, $header);

echo "<script type='text/javascript'>$(\".message\").fadeOut(\"slow\").fadeIn(\"slow\").animate({opacity: 1.0}, 5000).fadeOut(\"slow\");</script>";
echo $thanks;

die();
}
?>

我使用标准的 jquery.form.js(据我所知)

再次提前感谢!

【问题讨论】:

  • ereg 已折旧,我假设您是从某个网站获得的,请找到更新的。

标签: php jquery sendmail contact-form


【解决方案1】:

查看您的实际站点,我发现并非所有 JS 包含在您指定的文件夹中。 jquery.form.js 尤其如此。由于没有找到这个插件,所以提交表单时页面自然会刷新。

查看HTML,我发现了这一行:

<script type="text/javascript" src="/js/ajaxcontactform/jquery.form.js"></script>

如果你寻找http://www.robergeaz.com/js/ajaxcontactform/jquery.form.js,你会发现它不存在。

看你其他的 JS 位置,我看到大部分都使用相对路径js/xyz.js,相当于http://www.robergeaz.com/darin/js/xyz.js。为表单插件使用与其他插件相同的相对路径会在 http://www.robergeaz.com/darin/js/ajaxcontactform/jquery.form.js 处显示有效位置。

所以要解决你的问题,把上面的脚本改成:

<script type="text/javascript" src="js/ajaxcontactform/jquery.form.js"></script>

注意src开头缺少的/

编辑:

此外,您需要在包含主 jQuery 库之后加载插件。

【讨论】:

    【解决方案2】:

    您是否导入了 jquery 库? 试着把它放在你的代码头中。

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    

    【讨论】:

    • 是的,它在里面。发送消息时仍然显示错误并且仍然离开页面:(
    • 你看过控制台了吗...我看到了几个错误,最重要的是那个说在服务器上找不到jquery.form.js(或者至少在你的位置没有找到)提供)。
    • 是的,它肯定已上传。不知道为什么你没有看到它。它在我的 js 文件夹中
    • 它可能已上传,但在您将浏览器指向的位置找不到它...您是说您没有收到控制台错误吗?
    • @DarinSD 你是在你的 jquery.form.js 之前调用 jquery 库吗??
    猜你喜欢
    • 2012-08-24
    • 2019-02-11
    • 2015-10-04
    • 2017-04-10
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多