jQuery Validate插件:输入与textarea

时间:2013-08-05 14:01:35

标签: jquery html jquery-validate

我想知道为什么jQuery Validate插件对<input><textarea>的默认处理存在差异。在下面的演示中,请注意required课程需要<input>,而不是<textarea>

<form>
    <input class='required' /> 
    <textarea class='required' ></textarea>
    <button value='submit'>submit</button>
</form>

$('form').validate();

http://jsfiddle.net/trpeters1/BrCzA/

3 个答案:

答案 0 :(得分:6)

它与input vs。textarea完全无关。

请参阅:http://jsfiddle.net/ZAaPu/2/

它失败了,因为每个input 必须具有唯一的name属性才能使此插件正常工作。 See the "Markup Recommendations" section of the "General Guidelines"。否则,只验证第一个元素,忽略所有其他元素。

<form>
    <input name="thename" class='required' />
    <textarea name="another" class='required'></textarea>
    <button value='submit'>submit</button>
</form>

工作演示: http://jsfiddle.net/ZAaPu/

答案 1 :(得分:-3)

我认为它应该与必需属性一起使用。检查此demo。如果我错了,请纠正我!

答案 2 :(得分:-4)

将名称属性添加到textarea

<form>
    <input class='required' /> 
    <textarea name='bla-bla' class='required'></textarea>
    <button value='submit'>submit</button>
</form>

$('form').validate();