HTML5表单元素禁用,禁用HTML5表单元素的验证

最好的解决方案是使用文本输入并添加属性inputmode =“url”以提供URL键盘功能 . 为此目的考虑了HTML5规范 . 如果你保持type =“url”你得到的语法验证在每种情况下都没用(最好检查它是否返回404错误而不是语法,这是非常宽容的,并没有很大的帮助) .

您还可以使用属性pattern =“https?:// . ”覆盖默认模式,例如更宽松 .

将novalidate属性放入表单不是问题的正确答案,因为它删除了表单中所有字段的验证,您可能希望继续验证电子邮件字段 .

使用jQuery禁用验证也是一个糟糕的解决方案,因为它绝对可以在没有JavaScript的情况下运行 .

在我的例子中,我在URL输入之前放了一个带有2个选项(http://或https://)的select元素,因为我只需要网站(而且没有ftp://或其他东西) . 这样我就避免输入这个奇怪的前缀(Tim Berners-Lee最大的遗憾,也许是URL语法错误的主要来源),我使用带有占位符(没有HTTP)的inputmode =“url”的简单文本输入 . 我使用jQuery和服务器端脚本来验证网站的真实存在(没有404),并在插入时删除HTTP前缀(我避免使用模式如pattern =“^((?http) . )* $”防止添加前缀,因为我觉得更宽松更好

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值