jQuery：根据name属性的开头和结尾选择元素

Question

我有以下代码：

  <script>
  $(document).ready(function(){
  $('form').validate({

    //rules: { 'input_name': { email: true} },
    rules: { 'name^=input', 'name$=jander': { email: true} },
    messages: { 'input_name': "Jar" },

    errorPlacement: function(error, element) {
     error.insertBefore(element);
    },
    debug:true

    })

  });
  </script>

 </head> 

  <body>
<div id="jar">fasdf</div>

<form id="clar">
<p id="my_paragraph">Escribe ALGO para que haga la validacion de email</p>
<input name='input_jander' type="text" ">
<input type="submit" >

</form>

如您所见，我尝试将验证规则应用于其name属性以“ input”开头和以“ jander”结尾的所有输入字段，但是它不起作用（错误消息未显示）。

Answer 1

只需提供您想要以某个类作为目标并以这种方式作为目标的输入即可。 为什么要加重自己的负担

Answer 2

这些键只是映射到表单的name属性。

但是，我以前曾经遇到过这个问题，所以我就这样解决了...

var rules = {},
    messages = {},
    inputs = $(':input[name^="input"]').filter(':input[name$="jander"]');

inputs.each(function() {
   var name = $(this).attr('name');
   rules[name] = { email: true };
   messages[name] = { email: 'Type a proper email, mate!' };
});

$('form').validate({
    'rules': rules,
    'messages': messages
});

jsFiddle input元素被匹配。

尽管您可能应该为这些元素提供更清晰的标识符。

jQuery：根据name属性的开头和结尾选择元素

问题描述

2 个解决方案

解决方案1
1 2011-03-30 13:56:15

解决方案2
0 已采纳 2011-03-30 13:59:21

jQuery：根据name属性的开头和结尾选择元素

问题描述

2 个解决方案

解决方案1 1 2011-03-30 13:56:15

解决方案2 0 已采纳 2011-03-30 13:59:21

解决方案1
1 2011-03-30 13:56:15

解决方案2
0 已采纳 2011-03-30 13:59:21