将表单输入传递到聊天中

时间:2019-04-01 15:22:08

标签: javascript zendesk

我用文本输入和提交按钮创建了一个简单的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>

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

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

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

有什么想法吗?谢谢!

2 个答案:

答案 0 :(得分:-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>

答案 1 :(得分:-1)

可能根本不需要连接到联系表: 这就是从上述提到的东西 但是,如果知道自己在做什么的任何人都可以看一下,那么这是行不通的。

$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>
相关问题