Передача формы ввода в чат - PullRequest
Новая
       29

Передача формы ввода в чат

0 голосов
/ 01 апреля 2019

Я создал простую 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 голосов
/ 01 апреля 2019

Соединение с контактной формой может не понадобиться в конце концов: это то, что сфабриковано из вышеупомянутого, но это не работает, если кто-то, кто знает, что они делают, может взглянуть на это. 

$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>
0 голосов
/ 01 апреля 2019

То, что вы видите в ссылке из их документов, просто выполняет функцию 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>
...