Javascript 将表单输入传递到聊天室

我用文本输入和提交按钮创建了一个简单的html表单。有人告诉我，使用一点javascript，当用户填写输入并单击submit按钮时，就会打开live chat并自动将其提交作为live chat中的第一条消息。这是我的表格：

<form name="question"> 
<input type="text" name="important"> 
<input type="submit" value="Submit"> 
</form>

有人告诉我必须将api包含在“say”函数（）中。我已经做到了这一点：

<script>
$zopim(function() {
$zopim.livechat.say('SOMETHING GOES HERE');
});
</script>

$zopim（函数（）{
$zopim.livechat.say（'SOMETHING HERE'）；
});

但他们的“说”示例使用了此链接而不是输入：

<a href="javascript:void($zopim.livechat.say('I would like an orange banana!'))">Order orange banana</a>

我不知道如何编辑该代码以使用我的表单输入而不是静态链接

---

有什么想法吗？谢谢

您在他们文档的引用中看到的内容只是在单击时执行say函数。您可以简单地向submit按钮添加一个click侦听器，然后获取输入值并将其传递给.say函数

注意：我注释掉了zopim部分，因为它们在技术上并不重要，因为我们只是试图从输入中获取一些值

例如：

/$zopim（函数（）{
$（'input[type=“submit”]”）。在（'click'，函数（e）{
e、 preventDefault（）；//防止表单重定向
let message=$（'input[name=“important”]）.val（）；
控制台日志（消息）；
//$zopim.livechat.say（消息）；
});
//});
毕竟，可能不需要连接到联系人表单：
这是由上述材料制成的
但是，如果任何知道他们在做什么的人都可以看一看的话，这是行不通的

$zopim(function(){
$('input[type="submit"]').on('click', function(e){
  e.preventDefault(); // prevent hte form from redirecting

var important = $('#amount').val();

if($.isNumeric(important)) {
{if( important < 30) { $('.error').html('We only buy 20 or more.').show(); 
} else 

var message = 'I would like to sell ' + important '.'; 

$('.error').html('').hide(); $zopim.livechat.say(message);


  let message = $('input[name="important"]').val();
  console.log(message);
  $zopim.livechat.say(message);
 });
});


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script>
<form name="question"> 
<input type="number" placeholder="Amount" name="important"> 
<input type="submit" value="Start chat"> 
</form>

$zopim（函数（）{
$（'input[type=“submit”]”）。在（'click'，函数（e）{
e、 preventDefault（）；//防止表单重定向
var-important=$（'#amount'）.val（）；
如果（$.isNumeric（重要））{
{if（important<30）{$（'.error'）.html（'我们只买20个或更多'）.show（）；
}否则
var message='我想出售'+重要'；
$（'.error'）.html（''.hide（）；$zopim.livechat.say（消息）；
let message=$（'input[name=“important”]）.val（）；
控制台日志（消息）；
$zopim.livechat.say（消息）；
});
});
非常感谢！这让它成功了。现在，在我花几个小时修补它/尝试重新发明轮子之前，你提到将侦听器添加到单击提交按钮也是一个选项。在具有“插件”联系人表单（例如“联系人表单7”）的WordPress环境中，这可能吗这将使我的生活比“从头开始”创建一个联系人表单容易得多当然，你可以在你的网站上添加自定义js。我建议你将其作为一个单独的问题发布，以便让wordpress关注。无论如何，谢谢你，我可能根本不需要连接到联系人表单。我会在一分钟内发布一些东西。如果你能看一下，我将非常感谢。