禁用HTML5弹出式表单验证消息
Disabling HTML5 popup form validation messages
假设我的表单中有:
{{ Form::email('fieldname', null, array()) }}
我将此输入填写如下:
thisisntanemailadress
单击提交按钮后,会出现一个弹出窗口,显示这不是一个有效的电子邮件地址,这会阻止我的表单被提交。
除了使用Form::text()
之外,我如何禁用/配置所有类似的弹出消息?
这不是由Laravel引起的。实际上,它是浏览器在允许用户提交表单之前尝试验证输入字段值。当您使用HTML5输入类型时会触发此操作,这些类型包括email
、url
、number
、tel
、date
和其他几种。
您正在使用的Form helper方法将生成以下HTML:
<input type="email" name="fieldname">
大多数现代浏览器都会看到type="email"
,并在允许您提交表单之前尝试验证任何输入
如果不希望浏览器验证特定字段,可以将novalidate
属性添加到该字段输入标记中。对于您正在使用的表单助手方法,这可以通过第三个参数来完成。
{{ Form::email('fieldname', null, array('novalidate'=> 'novalidate')) }}
或者,您可以通过将novalidate属性添加到form标记来禁用整个表单的浏览器验证。
<form method="" action="" novalidate> ... </form>
相关文章:
- 可以't识别验证消息的源代码
- Jquery验证消息更改(自定义消息集)
- 如何使用 javascript 警报窗口显示验证消息
- RadEditor 验证消息仅在回发后发送
- 尝试使用Angular.js显示验证消息时出错
- 表单验证消息(使用jQuery验证插件)
- javascript form validaton, 验证消息 快速消失.
- 重置表单后未删除验证消息
- 显示Javascript表单验证消息
- Angular.js验证消息未显示
- 如何一起显示验证消息
- Kendo UI网格自定义验证消息
- 在屏幕上显示 JavaScript 验证消息,而不是警报消息
- 钩子 jQuery 验证消息更改
- 如何在 mvc 中更改验证消息的样式
- Yii2 - i18n 表示 js 验证消息中的 {属性}
- 角度验证消息不适用于 ng-show 和两个输入
- 如何使用 jquery 清除单个验证消息
- 如何在登录验证中自定义验证消息位置
- 显示基于多个条件的带有 ng 消息的验证消息