用电子邮件键盘输入表单但没有验证

Question

我想构建一个带有电子邮件或电话号码输入字段的表单（在引导程序中） 在移动设备中，我希望该字段打开“电子邮件键盘”，我希望它不验证该值是否为电子邮件 此表单还有一些文本输入，我希望它们是必需的 实现这一目标的简单方法是什么？

Answer 1

如果我正确理解了您的问题，您想要验证表单的输入，但不要在同一表单中验证电子邮件输入....

使用类似的东西：

<强> jQuery的：

$(document).on('click', ".button", function(){
        var name = $(".name").val();
        var lastname = $(".lastname").val();
        var email = $(".email").val();

        if(name == "" || lastname == "" ){

        alert('Please fill in all the details')


        }else{


        ///////submit your form here... you can even use AJAX to submit yuour form////

    }
});

<强> HTML：

<form action="" method="post">

<input type="text" class="name">
<input type="text" class="lastname">
<input type="email" class="email">

</form>

你可以使用任何JQUERY LIB。

编辑：

如果您使用的是html5，则<input type="email"会自动在您的设备上打开'键盘电子邮件'。

一个有效的FIDDLE：

https://jsfiddle.net/2v7ybe9h/2/

根据您在下面评论中提供的链接，这就是它所说的内容：

他们还在同一页面中提供了一个例子......

正如您已经看到的那样，该页面中的电子邮件输入具有'required'属性和pattern属性。

如果您只是删除这些属性，则不再有任何“验证”。

此处示例：

https://jsfiddle.net/2v7ybe9h/3/

您还可以在表单上使用novalidate属性，只需使用jQuery验证表单，就像我在第一个小提琴中提供的那样。

示例：

https://jsfiddle.net/2v7ybe9h/4/

Answer 2

现代的答案（截至2020年）是使用inputmode：

<input type="text" inputmode="email">
<input type="text" inputmode="tel">

See MDN for more