如何使用jQuery获取文本框的值?

我可以获得像$("#txtEmail")这样的元素,但我不确定如何获得实际值。

838342 次浏览

使用.val()方法。

另外,我认为你的意思是使用$("#txtEmail")作为$("txtEmail")返回类型为<txtEmail>的元素,你可能没有。

参见这里的jQuery文档

jQuery val()方法

有一个.val()方法:

如果你有一个id为txtEmail的输入,你可以使用下面的代码来访问文本框的值:

$("#txtEmail").val()

你也可以使用val(string)方法来设置该值:

$("#txtEmail").val("something")

注意到你关于使用它进行电子邮件验证并需要一个插件的评论,验证插件可能会帮助你,它位于http://bassistance.de/jquery-plugins/jquery-plugin-validation/,它也带有电子邮件规则。

可能的重复:

只是额外的信息,我花了很长时间找到。如果使用字段名而不是id来标识表单字段呢?你可以这样做:

单选按钮:

 var inp= $('input:radio[name=PatientPreviouslyReceivedDrug]:checked').val();

文本框:

 var txt=$('input:text[name=DrugDurationLength]').val();

你可以使用.val();方法。

所以在你的情况下,你会想要使用$("#txtEmail").val();。另外,请确保将id属性添加到html代码中!

使用.val()方法获取所需元素的实际值。

通过使用

$("#txtEmail").val()

你得到元素的实际值

可以通过文本框控件的ID或类名访问该控件的值。

下面是示例代码:

<input type="text" id="txtEmail" class="textbox" value="1">


$(document).ready(function(){
alert($("#txtEmail").val());
alert($(".textbox").val());//Not recommended
});

使用类名获取任何文本框控件值可能会返回其他值或错误值,因为也可以为任何其他控件定义相同的类名。所以获取一个特定文本框的值可以通过它的id来获取。

Jquery文档

The .val() method is primarily used to get the values of form elements such as input, select and textarea. When called on an empty collection, it returns undefined.

为了使用id txtEmail检索文本框中的值存储,可以使用

$("#txtEmail").val()