我想构建一个具有电子邮件或电话号码输入字段的表单(在引导程序中)。
在手机中,我希望该字段打开“电子邮件键盘”,我希望它不会验证该值是否为电子邮件。
该表格还有一些我希望它们需要的文字输入。
实现这个目的的简单方法是什么?使用电子邮件键盘输入表单但不验证
回答
如果我明白你的问题正确,要验证表单的输入,但不想来验证同样的形式德电子邮件输入....
使用这样的事情:
的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一样是我提供给您的第一小提琴验证您的形式。
例子:
在我使用type =“email”的实验中,还会验证它需要@字符在输入值中。这个例子中的验证过去了吗? – alexandre1985
我还没有经历@验证只输入类型=“电子邮件”...你确定你没有任何其他验证在其他地方? –
检查确认https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/email。我只在我的html中使用了boostrap 4和mdb.js – alexandre1985
- 1. 使用PHP在表单中验证电子邮件输入
- 2. 验证电子邮件,你键入
- 3. 电子邮件地址输入验证
- 4. 如何验证电子邮件输入?
- 5. 验证电子邮件输入
- 6. Php电子邮件表单验证,验证不起作用
- 7. 电子邮件输入表单验证炫耀的窗口
- 8. 春季电子邮件表单验证
- 9. PHP电子邮件表单验证
- 10. 电子邮件的HTML5表单验证
- 11. 注册表单(验证电子邮件)
- 12. PHP表单验证和电子邮件
- 13. 电子邮件不使用jQuery表单验证
- 14. Symfony电子邮件验证(不使用表单框架)
- 15. 使用jQuery验证的HTML5电子邮件输入字段
- 16. 使用输入动态名称的AngularJS电子邮件验证
- 17. Jquery使用电子邮件验证多个输入
- 18. PHP电子邮件表单验证和写入文件
- 19. Android电子邮件验证与Firebase电子邮件验证
- 20. 电子邮件验证使用JQuery(电子邮件匹配)
- 21. 从验证电子邮件中的表单显示用户输入
- 22. 使用电子邮件键盘输入html格式的移动电话
- 23. 验证电子邮件漏洞的表单不起作用
- 24. PHP邮件表单不会向电子邮件发送输入
- 25. 电子邮件验证未在角2表单验证
- 26. 验证Adobe PDF表单中的多个电子邮件验证
- 27. jQuery的表单验证:比化电子邮件验证
- 28. JQuery验证 - 确认电子邮件表单验证
- 29. 使用JS验证电子邮件的HTML表单,验证有效,但表单仍然提交
- 30. HTML5电子邮件输入不会在Chrome验证UTF-8 39
你不希望它来验证? –
只是电子邮件输入字段,而不是洞形式 – alexandre1985
然后,只需使用jQuery来验证表单的输入,但不验证电子邮件输入。 –