[validate] jquery validate picks up sub form elements in ie
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns:p="urn:schemas-microsoft-com:office:powerpoint" xmlns:a="urn:schemas-microsoft-com:office:access" xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882" xmlns:s="uuid:BDC6E3F0-6DA3-11d1-A2A3-00AA00C14882" xmlns:rs="urn:schemas-microsoft-com:rowset" xmlns:z="#RowsetSchema" xmlns:b="urn:schemas-microsoft-com:office:publisher" xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet" xmlns:c="urn:schemas-microsoft-com:office:component:spreadsheet" xmlns:oa="urn:schemas-microsoft-com:office:activation" xmlns:html="http://www.w3.org/TR/REC-html40" xmlns:q="http://schemas.xmlsoap.org/soap/envelope/" xmlns:D="DAV:" xmlns:x2="http://schemas.microsoft.com/office/excel/2003/xml" xmlns:ois="http://schemas.microsoft.com/sharepoint/soap/ois/" xmlns:dir="http://schemas.microsoft.com/sharepoint/soap/directory/" xmlns:ds="http://www.w3.org/2000/09/xmldsig#" xmlns:dsp="http://schemas.microsoft.com/sharepoint/dsp" xmlns:udc="http://schemas.microsoft.com/data/udc" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:sps="http://schemas.microsoft.com/sharepoint/soap/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:udcxf="http://schemas.microsoft.com/data/udc/xmlfile" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 12 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;}
@page Section1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=EN-GB link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal>I have a problem whereby the validate function picks up
:inputs in a sub form, but only in IE<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal><form><o:p></o:p>
<p class=MsoNormal>
<input name=one /><o:p></o:p>
<p class=MsoNormal>
<input name=two /><o:p></o:p>
<p class=MsoNormal style='margin-left:36.0pt'><form><o:p></o:p>
<p class=MsoNormal style='margin-left:36.0pt'>
<input name=three /><o:p></o:p>
<p class=MsoNormal style='margin-left:36.0pt'>
<input name=four /><o:p></o:p>
<p class=MsoNormal>
</form><o:p></o:p>
<p class=MsoNormal></form><o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>In ie<o:p></o:p>
<p class=MsoNormal>form.elements.length == 4<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>In others<o:p></o:p>
<p class=MsoNormal>form.elements.length == 2<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>to get round it you could remove elements matching
“form :input”<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>line 413 in jquery.validate.js<o:p></o:p>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New";color:blue'>return</span><span style='font-size:10.0pt;
font-family:"Courier New"'> $(<span style='color:blue'>this</span>.currentForm)<o:p></o:p></span>
<p class=MsoNormal style='text-indent:36.0pt;text-autospace:none'><span
style='font-size:10.0pt;font-family:"Courier New"'>.find(<span
style='color:#A31515'>":input"</span>)<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'> .not($(<span
style='color:blue'>this</span>.currentForm).find(<span style='color:#A31515'>"form
:input"</span>))<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'> .not(<span
style='color:#A31515'>":submit, :reset, :image, [disabled]"</span>)<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'> .not(<span
style='color:blue'>this</span>.settings.ignore)<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'> .filter(<span
style='color:blue'>function</span>() {<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
…<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'> });<o:p></o:p></span>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>The same thing also happens in serializeArray, so extra
fields are sent on form submits<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>Has anybody else come across this?<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>Ant<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
</div>