javascript - Uncaught ReferenceError : sendEmail is not defined-6ren

javascript - Uncaught ReferenceError : sendEmail is not defined

转载作者：行者123 更新时间：2023-11-28 03:19:03

26

4

这里发生的事情可能很简单，但我必须先处理它，然后再处理 PHP 的事情。这次我将尝试使用 PHPMailer。

此外，我已经尝试学习如何在本地主机上发送表单大约一周了。现在我将尝试合并 PHPMailer。我最初花了一些时间使站点可以指向另一个文件夹，安装和测试 PHP 并在 debian 上安装 msmtp，甚至通过命令行使用 PHP 发送了一封测试电子邮件，但我还没有得到一个可以提交的表单，这是一个:p

此外，在我对 php.ini 文件(一个在 apache 目录上，一个在 cli 目录上)进行一些更改之前处理表单时，我想我取消了一些内容的注释，我希望它不会干扰我想要做的事情做。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Contact</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <style type="text/css">
        input, textarea {
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <div class="container" style="margin-top:100px;">
        <div class="row justify-content-center">
            <div class="col-md-6 col-md-offset-3" align="center">
                <input id="name" placeholder="Name" class="form-control">
                <input id="email" placeholder="Email" class="form-control">
                <input id="subject" placeholder="Subject" class="form-control">
                <textarea class="form-control" id="body" placeholder="Email Body"></textarea>
                <input type="button" onclick="sendEmail()" value="Send an Email" class="btn btn-primary"></type>
            </div>
        </div>
    </div>

    <script src="https://code.jquery.com/jquery-3.4.1.min.js"
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  crossorigin="anonymous"></script>
    <script type="text/javascript">
        function sendEmail() {
            console.log('sending...');
            var name = $("#name");
            var email = $("#email");
            var subject = $("#subject");
            var body = $("#body");

            if (isNotEmtpy(name) && isNotEmpty(email) && isNotEmpty(subject)  && isNotEmpty(body)) {
                $.ajax({
                    url: 'sendEmail.php',
                    method: 'POST',
                    dataType: 'json',
                    data: {
                        name: name.val(),
                        email: email.val(),
                        body: body.val()
                    }, success: function (response) {
                        console.log(response)
                    }
                });
            }
        }

    function isNotEmpty(caller)  {
        if (caller.val()) == "") {
            caller.css('border', 1px solid red');
            return false;
        } else
            caller.css('border', '');

        return true;
    }
</script>

</body>
</html>
RAW Paste Data

最佳答案

尝试使用下面的代码:

<script type="text/javascript">
    function sendEmail() {
        console.log('sending...');
        var name = $("#name");
        var email = $("#email");
        var subject = $("#subject");
        var body = $("#body");

        if (isNotEmpty(name) && isNotEmpty(email) && isNotEmpty(subject)  && isNotEmpty(body)) {
            $.ajax({
                url: 'sendEmail.php',
                method: 'POST',
                dataType: 'json',
                data: {
                    name: name.val(),
                    email: email.val(),
                    body: body.val()
                }, success: function (response) {
                    console.log(response)
                }
            });
        }
    }

    function isNotEmpty(caller) {
        if (caller.val() === "") {
            caller.css('border', '1px solid red');
            return false;
        } else {
            caller.css('border', '');
        }
        return true;
    }
</script>

我查过了。工作正常。

关于javascript - Uncaught ReferenceError : sendEmail is not defined，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59358753/

26

4

0

文章推荐： c++ - 无法正确禁用 gl 颜色 Material

文章推荐： html - 扩展 Bootstrap 以包含超小的内联表单

文章推荐： c++ - 指向具有 vector 内存泄漏的对象的指针

文章推荐： c++ - & 在类型后的函数参数中

javascript - Uncaught Error : [$injector:modulerr] and Uncaught Error: [$injector:nomod]
你好我是 Angular JS 的初学者，当我开始创建模块和 Controller 时，我无法打印我的消息，下面是我的代码 var myModule = angular.module("myFirst
javascript - 遍历 JSON 数组 : uncaught syntax error, Uncaught ReferenceError
我对 JQuery 还是个新手，我正在尝试使用它遍历 JSON 数组并使用数组中的数据更新我的网页。 JSON 文件如下所示: [ { "firstname":"John",
javascript - Uncaught Error : [$injector:modulerr] & Uncaught ReferenceError: app is not defined
我正在使用 AngularJS 1.3.5，我正在尝试从 json 文件中获取信息。这是我的代码:HTML 文件: {{da
javascript - 引导设置错误 : Uncaught ReferenceError: jQuery is not defined & Uncaught Error: Bootstrap's JavaScript requires jQuery
我正在创建 Bootstrap 模板。我收到两个错误，我不知道自己做错了什么。当我搜索类似的问题时，似乎是脚本错乱了，但我认为它们的位置是正确的。两个错误: 未捕获的 ReferenceError:
javascript - 我不断收到 Uncaught ReferenceError : dropMenu is not defined and Uncaught TypeError: Cannot read property 'style' of null
我试图用子菜单制作导航栏，但我一直收到 dropMenu 未定义，当我将鼠标悬停在两个巴黎链接上时，我收到 Uncaught TypeError: Cannot read property 'styl
javascript - Angular Testing : Uncaught Error: Uncaught (in promise): Error: Cannot match any routes. URL 段: 'home'
我正在尝试在名为 UserComponent 的 Angular 组件上运行 karma 测试。在此组件中，我有一个 ngOnInit 执行此操作: ngOnInit() { const
javascript - Angular 单元测试 : Uncaught Error: Uncaught (in promise): Error: Cannot match any routes. URL 段: 'logout'
当我启用 login.spec.ts 测试时，对于不同的测试，我总是随机收到此错误。未捕获错误:未捕获( promise ):错误:无法匹配任何路由。 URL 段:“注销” 我尝试使用以下方法伪造 a
javascript - Express.js 应用程序尝试使用 Angular : Uncaught Error: [$injector:nomod] and Uncaught Error: [$injector:modulerr]
自从我设置一个与 Angular 一起运行的网络应用程序以来已经有一段时间了。我正在通过一个旧项目回顾我的步骤(尝试在我正在做的页面上实现一个 Controller ，确保 Controller 文件
angular - Uncaught Error : Uncaught (in promise): TypeError: Super expression must either be null or a function in Angular v6
在 AWS Elastic Beanstalk 上部署应用程序后会发生此错误。构建和部署成功，所有模块都正常工作，除了一个显示上述 super 表达式错误的模块。一切似乎都在本地机器上正常工作，甚至可
javascript - 从 node.js 开始，出现错误 Uncaught ReferenceError : module is not defined, 和 Uncaught ReferenceError: require is not Defined
我刚刚开始使用 Node.js 并尝试使用模块。我已经安装了 Node 和 npm，并确保一切顺利。我将在下面添加代码来向您展示我得到了什么。我有两个 js 文件，它们在这里。 app.js: va
javascript - WebView 代码在 Android 4.4.2 (API 19) 模拟器上生成 Uncaught TypeError 和 Uncaught ReferenceError 错误
在 Android 4.4.2 KitKat (API 19) 模拟器上运行时，我的代码出现问题... 当我在 Android 4.3 (API 18) 模拟器上模拟我的项目时，它正常工作并使用 Ma
JavaScript : Uncaught TypeError
function more(){ var MoreDetails = document.getElementById('MoreDetails'); More
JavaScript循环错误: Uncaught TypeError
我正在练习 Javascript，并且有以下代码，该代码在 sets[i][j] = initial_sets [i ][j]; 行。这个想法似乎是正确的，但我不明白为什么会出现错误。 var set
Javascript: Uncaught ReferenceError
$(document).ready(function(){ $('#name').val('Name1'); }); function clickMe(){ console.lo
JavaScript语法错误: uncaught expression
我正在创建一个网络应用程序，但我遇到了一个无法解决的简单问题。我已将产生问题的代码放在这里:http://jsfiddle.net/rkumarnirmal/5w3FG/ 应该显示此答案的第二个ale
javascript - Uncaught DOMException之后如何继续执行？
我正在执行一项长时间运行的任务，在中间的某个位置，可能会抛出此异常: Uncaught DOMException: Blocked a frame with origin "http://localh
javascript - Uncaught ReferenceError
我试图通过使用 HTML5 中的 onEnded 属性一首接一首地播放 3 首歌曲。这是我的第一次尝试，但出现错误。错误: Uncaught ReferenceError: src is not d
Javascript Uncaught Reference错误函数未定义
检查 Fiddle 以查看发生的故障。当我将数据(即使我将其留空)添加到文本框并尝试单击“添加”时，它没有执行任何操作。打开 Chrome 和 Firefox 控制台都给我同样的错误，它说“cha
javascript - Uncaught TypeError : this. 函数不是函数
这个问题在这里已经有了答案: How to access the correct `this` inside a callback (13 个回答) 关闭5年前。您好，这是我的(快捷方式)示例代码:
javascript - 运行代码后出现 Uncaught Error
我正在处理一个项目，每次 Node 运行我的代码时，浏览器控制台都会给我这个: Uncaught TypeError: Failed to resolve module specifier "expr

首页

博学

6Ren·AI

商城

javascript - Uncaught ReferenceError : sendEmail is not defined