如何从文本框中获取姓名和电子邮件id

How to get Name and EmailID from a TextBox?

本文关键字:电子邮件 id 获取 文本      更新时间:2023-09-26

我已经使用以下函数在文本框中添加了用户名和电子邮件Id。

function (result) {
var rv = [];
$.each(result, function (i, v) {
rv.push(v.Name +" ("  + v.Email + " )" );
});</pre>

在文本框中显示如下:ABC (ABC@XYZ)

现在我想以不同的方式访问这个Name和email Id。

我该怎么做?

您可以创建一个HTML元素,其中包含您想要存储多个值的任何自定义属性。

,

<input ID="userInfo" type="text" userName="ABC" userEmail="ABC@XYZ" value="ABC(ABC@XYZ)" />

然后你可以在jQuery中通过其名称,ID, css…获取html后通过其属性名来查询这些值。等

获取元素属性值的示例:

w3schools

从文本框中获取姓名和电子邮件:

var textbox = document.querySelector('input[type="text"]');
var value = textbox.value;
var a = value.indexOf('(');
var b = value.indexOf(')');
var name = value.substring(0, a);
var email = value.substring(a + 1, b);

这可能有助于您演示

<div >
   Name & Email <input type="text" id="txtNameEmail" value="ABC(ABC@XYZ)" userName="ABC" userEmail="ABC@XYZ"/><br />
   Name<input type="text" id="txtName" /><br />
   Email<input type="text" id="txtEmail" />
</div>
$('#txtName').val($('#txtNameEmail').attr("userName"));
$('#txtEmail').val($('#txtNameEmail').attr("userEmail"));

我不知道你在问什么,但也许这可以做你想要的?

findByName(rv, targetName) {
    rv.find(function(element, index, array) {
        name = element.substring(0, element.indexOf("("))
        return name === targetName
    })
}
findByName(rv, "ABC")

find函数实际上在大多数浏览器中还不可用,但您可以填充它并获得相同的功能(参见https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find)

您可以用电子邮件地址编写一个非常相似的函数