将表单变量从HTML传递到Javascript,但使用引号

将表单变量从HTML传递到Javascript,但使用引号,javascript,html,forms,email,Javascript,Html,Forms,Email,我试图将一个电子邮件地址从HTML表单传递到一个javascript片段中,以传递给另一个程序 表格输入: <input name="email" placeholder="Enter Email Address Here" type="email" required="required" id="email_input"> 这是我要找的一个例子,请注意引号为了让电子邮件通过,它必须在引号内。 <script type="text/javascript"> test

我试图将一个电子邮件地址从HTML表单传递到一个javascript片段中,以传递给另一个程序

表格输入:

<input name="email" placeholder="Enter Email Address Here" type="email" required="required" id="email_input">

这是我要找的一个例子,请注意引号为了让电子邮件通过,它必须在引号内。

<script type="text/javascript">
test({

  email: "example@example.com", 

});
</script>

试验({
电子邮件:“example@example.com", 
});
以下是我尝试过的:

<script type="text/javascript">
test({

  email: "document.getElementById("email_input");", 

});
</script>

试验({
电子邮件:“document.getElementById(“电子邮件输入”);”,
});
如果我使用静态值,比如example@example.com,一切正常。我不知道如何将值从email输入字段传递到“email:”javascript并使其通过

以下是我需要的:我在那里拥有的document.getElementById(“email_输入”)不工作,这应该是什么

我知道我错过了一些简单的东西,只是不知道是什么


提前谢谢

如果您只是试图使用该
测试对象传递电子邮件输入的值,这就是您需要的

var emailString = document.getElementById("email_input").value;
test({

  email: emailString, 

});
</script>

var-emailString=document.getElementById(“电子邮件输入”).value;
试验({
email:emailString,
});

您希望首先获取输入的值,然后将其作为字符串传递(假设您需要第一个示例中的字符串)

有两种方法可以从其他类型的元素(DOM元素、数字、数组等)获取字符串:


var elmt=document.getElementById(“电子邮件输入”);
var str1=elmt.toString();
var str2=elmt+“”;
//警报(str1);和警报(str2)将弹出相同的结果:一个elmt字符串
因此,如果希望将整个输入作为字符串,则应执行以下操作:

<script type="text/javascript">
test({

  email: document.getElementById("email_input") + '' 

});
</script>
<script type="text/javascript">
test({

  email: document.getElementById("email_input").value + '' 

});
</script>
<script type="text/javascript">
test({

  email: ' " ' + document.getElementById("email_input") + ' " ' 

});
</script>
<script type="text/javascript">
test({

  email: ' " ' + document.getElementById("email_input").value + ' " ' 

});
</script>

试验({
电子邮件:document.getElementById(“电子邮件输入”)+“”
});
如果您只想将输入值作为字符串(电子邮件也是如此),则应执行以下操作:

<script type="text/javascript">
test({

  email: document.getElementById("email_input") + '' 

});
</script>
<script type="text/javascript">
test({

  email: document.getElementById("email_input").value + '' 

});
</script>
<script type="text/javascript">
test({

  email: ' " ' + document.getElementById("email_input") + ' " ' 

});
</script>
<script type="text/javascript">
test({

  email: ' " ' + document.getElementById("email_input").value + ' " ' 

});
</script>

试验({
电子邮件:document.getElementById(“电子邮件输入”).value+''
});
如果您确实需要在字符串中添加引号,您还可以执行以下操作:

<script type="text/javascript">
    var str= "this is my string";
    var withquote= ' " ' + str + ' " ';

    //both of the var return a string but one will have a quote and the other won't
    alert(str); // pop: this is my string
    alert(withquote); // pop "this is my string"
</script>

var str=“这是我的字符串”;
带有引号的变量=“”+str+”;
//两个变量都返回一个字符串,但其中一个有引号,而另一个没有
警惕(str);//爸爸:这是我的绳子
警告(带引号);//弹出“这是我的绳子”
因此,在你的情况下:

如果希望将整个输入作为带引号的字符串,则应执行以下操作:

<script type="text/javascript">
test({

  email: document.getElementById("email_input") + '' 

});
</script>
<script type="text/javascript">
test({

  email: document.getElementById("email_input").value + '' 

});
</script>
<script type="text/javascript">
test({

  email: ' " ' + document.getElementById("email_input") + ' " ' 

});
</script>
<script type="text/javascript">
test({

  email: ' " ' + document.getElementById("email_input").value + ' " ' 

});
</script>

试验({
电子邮件:''''+document.getElementById(“电子邮件输入”)+''
});
如果您只想将输入值作为带引号的字符串(因此电子邮件),则应执行以下操作:

<script type="text/javascript">
test({

  email: document.getElementById("email_input") + '' 

});
</script>
<script type="text/javascript">
test({

  email: document.getElementById("email_input").value + '' 

});
</script>
<script type="text/javascript">
test({

  email: ' " ' + document.getElementById("email_input") + ' " ' 

});
</script>
<script type="text/javascript">
test({

  email: ' " ' + document.getElementById("email_input").value + ' " ' 

});
</script>

试验({
电子邮件:''''+document.getElementById(“电子邮件输入”).value+''
});
希望我已经说清楚了 请随便问我是不是


祝你过得愉快。。。你需要什么还不完全清楚。如果您只需要一个字符串值,那么请省略周围的引号。如果显式需要json字符串,则将对象转换为json。该“测试”函数应在何时运行?它与输入元素在同一页吗?您只需要传递输入值,还是像传递带引号的字符串一样传递输入值?