Question

我试图从<input type="email" name="mail">获取jQuery的值我要运行验证以检查mail的值

<script>
    function valid(){
        var em = $.trim($('input:email[name=mail]').val());
        if(em.length < 5){
            alert('Please enter email id');
            return false;
        }
        return true;
    }
</script>

但如果用户将mail留空，表单仍在提交我已完成jQuery API Doc但未找到selector的任何email。为什么呢？为什么它不在那里，我将如何解决这个问题呢？

Answer 1

你可以这样做：

$.trim($("input[name='mail']").val());

Answer 2

我看到这是相当古老的，但我想为后代投入两分钱。

虽然没有像input:email这样严格的伪选择器，但是有一个类型选择器版本就像伪将一样：input[type=email]

额外阅读：

这个选择器可以做很多很酷的事情，例如选择以id开头的所有内容：input[id^=prod-]将选择ID为prod-X的所有输入，其中X可以是任何长度。这是使用^ =

实现的

Answer 3

您可以通过这个简单的函数扩展jQuery http://markdalgleish.com/2011/05/jquery-selector-for-html5-input-types/之后，您可以通过调用$('input:textall');来选择所有文本输入

Answer 4

使用此代码获取通过表单提交的日期，这将很好地工作：

$("input[type = 'date']").val();

Answer 5

万一它对任何人都有用，我有两个输入具有相同的ID，但一个用于移动设备，一个用于桌面。我正在测试台式机，但没有任何价值。原来是移动设备，但隐藏了被选择的输入，因此返回空白。

如何从jquery获取输入类型的电子邮件值

5 个答案: