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

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

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

输入数据和点击链接将无法正常工作，它会工作时，用相同的数据已经填充。

来源

2016-11-14 user3413607

安置自己试过代码，请.. – Chetan

嗨，我还没有写代码，但还没有尝试在网上找到了解决方案。现在只有从链接到表单的数据才会传递。所以我只是想知道它能否落后。 – user3413607

-3

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

请注明输出的例子

来源

2016-11-14 05:41:35 bdalina

当你要求提供一些相关的代码或其他一些东西时，应该在评论中做，而不是在答案中。 –

您可以按以下方式实现这一目标：

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

Reference

来源

2016-11-14 05:53:03

下面是一个简单的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>

来源

2016-11-14 10:22:57 bdalina

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

回答

相关问题