javascript - 添加额外的输入会阻止 javascript 工作

标签 javascript jquery html forms

<分区>

我正在尝试编辑一些 JavaScript 代码,但我没有使用 JavaScript 的经验。

我有这个 HTML 表单,我正在尝试向其中添加额外的输入:

<form method="post" action="php/subscribe.php" name="subscribeform" id="subscribeform">
      <input type="text" name="email" placeholder="Enter your email address to get notified" id="subemail" />
      <input type="text" name="personname" placeholder="Enter your name" id="personname" />
      <input type="submit" name="send" value="Notify me" id="subsubmit" class="btn2" />
    </form>

    <!-- subscribe message -->
    <div id="mesaj"></div>
    <!-- subscribe message --> 
  </div>

表单随后将数据推送到我的 PHP 文件。但是,我使用的主题还包含以下 JavaScript 文件:

jQuery(document).ready(function(){
$('#subscribeform').submit(function(){

    var action = $(this).attr('action');

    $("#mesaj").slideUp(750,function() {
    $('#mesaj').hide();

    $('#subsubmit')
        .after('')
        .attr('disabled','disabled');

    $.post(action, {
        email: $('#subemail').val()
        personname: $('#personname').val() // THIS STOPS THE FILE FROM WORKING


    },
        function(data){
            document.getElementById('mesaj').innerHTML = data;
            $('#mesaj').slideDown('slow');
            $('#subscribeform img.subscribe-loader').fadeOut('slow',function(){$(this).remove()});
            $('#subsubmit').removeAttr('disabled');
            if(data.match('success') != null) $('#subscribeform').slideUp('slow');


        }
    );

    });

    return false;

});

最初,主题只有一个电子邮件表单输入。但是,当我尝试将 personname 输入添加到表单和 JavaScript 文件时,它会阻止 JavaScript 工作。我没有在主页面内呈现 PHP,而是被重定向到一个空白的 PHP 页面,该页面 echo 是成功消息。

正如我之前所说,我对 Javascript 非常缺乏经验,因此我们将不胜感激。

最佳答案

看起来你少了一个逗号:

$.post(action, {
        email: $('#subemail').val(),  <--- Comma here
        personname: $('#personname').val() // THIS STOPS THE FILE FROM WORKING


    },

大括号 { ... } (包括方括号)内的 Javascript 就是所谓的对象。如果你以前见过 JSON 格式的数据,那么你应该不会陌生。语法基本上是键和值,用冒号分隔它们,用逗号分隔键值对。

关于javascript - 添加额外的输入会阻止 javascript 工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45745781/

相关文章:

javascript - 如何舍入小数点后2位?

javascript - 检测输入框中的粘贴

javascript - 使用 Framer Motion React 在退出时对组件进行动画处理

javascript - js/jquery : How to randomize images

javascript - carousel-caption 向右移动并占据一半的 carousel

html - CSS - float : right moves element down, 不在同一级别

javascript - jQuery 选择除子级 div 之外的所有内容

javascript - jQuery - 更改输入值

javascript - Cycle2轮播点击缩略图显示内容

html - css div 对齐,顶部 :50% doesn't work