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

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

javascript jquery forms

Javascript 获取表单数据并放入href链接？,javascript,jquery,forms,Javascript,Jquery,Forms,我想在网站上发短信 <a href="sms:+12345678?body=form data" var card_no=document.getElementById（'ca_no'）。值； document.addEventListener（'DOMContentLoaded'，（函数（）{ link=新的SMSLink.link（）； link.replaceAll（）； })，假）；输入数据并单击链接将不起作用，当使用已填充的相同数据单击“上一步”时，它将起作用。Javas

我想在网站上发短信

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


var card_no=document.getElementById（'ca_no'）。值；
document.addEventListener（'DOMContentLoaded'，（函数（）{
link=新的SMSLink.link（）；
link.replaceAll（）；
})，假）；

输入数据并单击链接将不起作用，当使用已填充的相同数据单击“上一步”时，它将起作用。

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

请指定一个输出示例

您可以通过以下方式实现：

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

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


$（文档）.ready（函数（）{
$（“#ca#no”）.blur（函数（）
{
var card_no=$（'#ca_no'）.val（）；
$（“#注册”）.text（卡号）；//您可以删除此
$（“#注册”）.attr（'href'，window.location.href+'？body=EDS'+卡号）；
});
});

请发布您尝试过的代码..您好，我还没有编写代码，但请尝试在web上找到解决方案。现在只有从链接到表单的传递数据。所以我只是想知道，当你要求把一些相关的代码或其他事情放在注释中，而不是答案中时，它能不能倒过来。

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