将表单输入传递到聊天中

Question

我已经创建了一个带有文本输入和提交按钮的简单html表单。我被告知使用一点点javascript，我可以这样做，当用户填写输入并单击提交按钮时，它将打开实时聊天并自动将他们的提交作为实时聊天中的第一条消息。这是我的表格：

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

有人告诉我，我必须在api中添加'say'功能（https://api.zopim.com/files/meshim/widget/controllers/LiveChatAPI-js.html#say）。我到目前为止：

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

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

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

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

有任何想法吗？谢谢！

Answer 1

您在文档中引用的内容只是在您单击时执行say函数。您只需向提交按钮添加一个单击侦听器，然后获取输入的值并将其传递给.say函数。

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

例：

//$zopim(function(){
  $('input[type="submit"]').on('click', function(e){
      e.preventDefault(); // prevent hte form from redirecting
      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="text" name="important"> 
<input type="submit" value="Submit"> 
</form>

Answer 2

毕竟可能不需要与联系表单的连接：这是从上面提到的这不起作用的，但是，如果知道他们正在做什么的人可以看一下它。

$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>