form with external input

[Coder]

HTML:

Code:

<div ...>
 <input id="iNum" form="frm1" class="easyui-numberbox" data-options="required:true">
 <input id="iText" form="frm1" class="easyui-textbox" data-options="required:true">
</div>
<form id="frm1" ....></form>

JS:

Code:

 function doCheck(){
  if( $('#frm1').form('validate') ){
   ....
  }
 }

why form.validate always (and  with empty inputs values, texts ) true ?

[stworthy]

The form field components have no 'form' property, they must be moved to the <form> element.

[Coder]

thnx, but

Code:

<form id="frm1" ....>
<div ... class="easyui-layout">
 <div  data-options="region: ... >
   <input id="iNum" form="frm1" class="easyui-numberbox" data-options="required:true">
 </div>
 <div  data-options="region: ... >
   <input id="iText" form="frm1" class="easyui-textbox" data-options="required:true">
 </div>
</div>
</form>

didn't draw normally: inner <div ... class="panel-body" ...> have calculated style width: 0px
when "easyui-layout" outside <form> all draws good

[stworthy]

Please try to set the 'width' and 'height' for the <form> element.

Code:

<form id="frm1" .... style="width:800px;height:400px">
<div ... class="easyui-layout" fit="true">
...