如何将表单类值合并到新的变量字符串中

How do I combine form class values into new variable string

本文关键字：变量 字符串 合并 表单      更新时间：2023-09-26

我正在尝试将表单中的两个类组合成一个新值。我需要这个进行商家流程（卡上的名字）

到目前为止我尝试过：

var nameFirst = $('.nameFirst').val(), nameLast = $('.nameLast').val();
var nameOnCard = nameFirst + nameLast;

编辑：添加 HTML 表单代码（这有效 - 如果我只调用一个 var 类作为"卡上的名称"，它会正确输入。只是当我尝试梳理两者时，它就坏了）

<input name="first" type="text" class="nameFirst input-medium" required="" placeholder="Enter your first name">
<input name="last" type="text" class="nameLast input-medium" required="" placeholder="Enter your last name">

这是我的JS文件的样子（我正在通过条纹处理）

Stripe.card.createToken({
            number: ccNum,
            cvc: cvcNum,
            exp_month: expMonth,
            exp_year: expYear,
            name: nameOnCard,
            address_line1: addressLine,
            address_city: addressCity,
            address_state: addressState,
            address_zip: addressZip,
        }, stripeResponseHandler);

我可以正确处理上面的所有内容，只是不是"名称"

我还尝试在隐藏输入上将两者结合起来，但由于这些值是在外部 JS 上调用的，所以我也无法让它工作。

（理想情况下，我也想在两者之间添加一个空格）

我对JS不是很熟练，所以解释会有所帮助。谢谢！

你的代码对我有用（应该）。我可以问一下你什么时候触发你的Javascript代码吗？如果在用户输入任何内容之前执行它，那可能是错误的。

下面的代码在 10 秒后显示 nameOnCard 变量。超过这 10 秒后，变量将被设置，并且不会使用您对这些输入所做的更改进行更新。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>title</title>
  </head>
  <body>
    <form>
        <input name="first" type="text" class="nameFirst input-medium" required="" placeholder="Enter your first name">
        <input name="last" type="text" class="nameLast input-medium" required="" placeholder="Enter your last name">
    </form>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>    
    <script>
        setTimeout(function(){
            var nameFirst = $('.nameFirst').val(), nameLast = $('.nameLast').val();
            var nameOnCard = nameFirst + nameLast;
            console.log(nameOnCard);
        }, 10000);
    </script>
  </body>
</html>
相关文章：