2017-09-02 29 views
1

我想构建一个具有电子邮件或电话号码输入字段的表单(在引导程序中)。
在手机中,我希望该字段打开“电子邮件键盘”,我希望它不会验证该值是否为电子邮件。
该表格还有一些我希望它们需要的文字输入。
实现这个目的的简单方法是什么?使用电子邮件键盘输入表单但不验证

+0

你不希望它来验证? –

+0

只是电子邮件输入字段,而不是洞形式 – alexandre1985

+0

然后,只需使用jQuery来验证表单的输入,但不验证电子邮件输入。 –

回答

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/

基于你在下面的评论中提供的链接,这就是它说:

enter image description here

他们也在提供了一个示例相同的页面...

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

如果您只是删除这些属性,那么不会再有任何“验证”。

这里举例:

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

你也可以用你的表单上novalidate属性,简单地使用jQuery一样是我提供给您的第一小提琴验证您的形式。

例子:

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

+0

在我使用type =“email”的实验中,还会验证它需要@字符在输入值中。这个例子中的验证过去了吗? – alexandre1985

+0

我还没有经历@验证只输入类型=“电子邮件”...你确定你没有任何其他验证在其他地方? –

+0

检查确认https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/email。我只在我的html中使用了boostrap 4和mdb.js – alexandre1985

相关问题