Jquery添加HTML5模式

Question

我试图通过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"
            })
        }
    });
})

Answer 1

对正则表达式和字符串的意义并不相同。如果您想将其添加到您的属性中，请对其进行转义。

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