Question

我想通过

在网站上发送短信

<a href="sms:+12345678?body=form data"

并在手机上弹出短信应用程序。

我希望用户填写表单，javascript获取表单数据并在链接中插入body =。

javascript或jquery可以做到吗？

以下是我尝试输入的代码 sms-link.min.js用于使短信链接兼容跨设备，但它仅适用于Android而非iOS。

<html>
<body>
<div class="container">
<input type="text" maxlength="5" id="ca_no">
<div class="col-md-12"> <a href="sms:+4268800" class="btn btn-warning" onClick="location.href=this.href+'?body=EDS&nbsp;'+card_no;return false;">Register</a> </div>
</div>
</body>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="sms-link.min.js"></script>
<script>
var card_no=document.getElementById('ca_no').value;
    document.addEventListener('DOMContentLoaded', (function () {
        link = new SMSLink.link();
        link.replaceAll();
    }), false);
    </script>
</body>
</html>

输入数据并点击链接无法正常工作，点击返回后会显示已填充的相同数据。

Answer 1

您可以通过以下方式实现此目的：

在按钮或锚点击上放置一个事件监听器，用于收集表单数据并将其输出到某个变量中。
使用存储的数据对某些服务器端脚本语言进行ajax调用。
从服务器端脚本语言，您可以使用GET或POST方法使用指定的参数访问SMS API。

Reference

Answer 2

这是一个简单的jquery

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
 $(document).ready(function(){

 $("#ca_no").blur(function()
  {
  var card_no=$('#ca_no').val();  
  $("#register").text(card_no); //you can remove this
  $("#register").attr('href',window.location.href+'?body=EDS'+card_no);
  });

});
</script>
</head>
<body>

<div class="container">
<input type="text" maxlength="5" id="ca_no">
<div class="col-md-12"> 
<a href="sms:+4268800" class="btn btn-warning" id="register">Register</a> 
</div>
</div>

</body>
</html>

Answer 3

Javascript和jquery可以做到这一点。但你需要清楚你想要发生什么

请指定输出

的示例

获取表单数据并放入href链接？

3 个答案: