javascript - Jquery 添加 HTML5 模式

标签 javascript jquery html

<分区>

我试图通过 jQuery 添加所有必需的字段属性(模式和标题),但未能正确读取模式。不确定为什么?

https://jsfiddle.net/zerolfc/a7bt6tyr/3/

<form>
<!--<input pattern=".*\S+.*" title="This field is required" required>-->
<input required>
<button type="submit">Submit</button>
</form>

$(function(){
  $('form').find('input').each(function(){
        if( $(this).prop('required') ){
            $(this).attr({
                'pattern': '.*\S+.*',
                'title' : "This field is required"
            })
        }
    });
})

最佳答案

\ 对正则表达式和字符串来说意义不同。如果您想将其添加到您的属性(property)中,请将其转义。

$(function(){
      $('form').find('input').each(function(){
        if($(this).prop('required')){
            $(this).attr({
                'pattern': '.*\\S+.*',
                'title' : "This field is required"
            });
        }
    });
});

关于javascript - Jquery 添加 HTML5 模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34632660/

相关文章:

javascript - 为什么我的 collection.upsert() 查询没有为集合设置多个参数?

javascript - JQuery - 更改 onchange 事件上划分行的颜色?

javascript - Jquery Mobile(SPA)禁用浏览器后退按钮并刷新?

javascript - Ajax/Javascript - 单击 1 个链接后删除链接

javascript - jQuery 提交回调不起作用

javascript - 如何使用 formvalidation.io 和 jQuery 验证单选按钮?

html - 由于 -moz-transform : scale(1);,仅在 Firefox 中出现 "position: fixed"的 css 问题

javascript - 使用 JSON 和 jQuery 的编码问题

javascript - typescript 装饰器困惑

javascript - 修复 twitter bootstrap 折叠图标,glyphicons