我想构建一个包含电子邮件或电话号码输入字段的表单（在引导程序中）。
在移动设备中，我希望该字段打开“电子邮件键盘”，并且我希望它不验证该值是否为电子邮件。
此表单还有一些我希望它们是必需的文本输入。
实现这一目标的简单方法是什么？
【问题讨论】：
标签： forms validation input bootstrap-4
如果我正确理解了您的问题，您想验证表单的输入，但不想验证同一表单中的电子邮件输入......
使用这样的东西：
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 库。
编辑：
如果您使用的是 html5，<input type="email" 将自动在您的设备上打开“键盘电子邮件”。
一个工作的 FIDDLE：
https://jsfiddle.net/2v7ybe9h/2/
根据您在下面的 cmets 中提供的链接，它是这样说的：
他们还在同一页面中提供了一个示例......
如您所见，该页面中的电子邮件输入具有'required' 属性和pattern 属性。
如果您只是删除这些属性，将不再有任何“验证”。
此处示例：
https://jsfiddle.net/2v7ybe9h/3/
您还可以在表单上使用 novalidate 属性，并使用 jQuery 验证您的表单，就像我在第一个小提琴中为您提供的一样。
示例：
【讨论】：
现代答案（截至 2020 年）是使用 inputmode：
<input type="text" inputmode="email">
<input type="text" inputmode="tel">
【讨论】：