我用文本输入和提交按钮创建了一个简单的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>
我不确定如何编辑该代码以使用表单输入而不是静态链接。
有什么想法吗?谢谢!
答案 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>