Validar controles en formulario personalizado

Para que funcione la validación de controles, como por ejemplo los de tipo email, éstos deben estar incluidos en un formulario.

A continuación vemos un ejemplo:

<!-- Inputs for filtering -->
<form>
<div class="myJSFilters">
  <flx-text required id="txtObjName" type="text" placeholder="Type an object name and press filter!"></flx-text>
</div>
<button onclick="$(this).closest('form').validate(); if($(this).closest('form').valid()){ initTest() }" class="btn bg-info">Filter</button>
</form>

<!-- Sample generic list module -->
<flx-module modulename="sysmod-list-generic" type="flx-list" class="default" title="Objects">
  <div class="cntBody">
    <flx-list mode="list" objectname="SysObjects" objectwhere="" id="mod-sysmod-list-generic" modulename="sysmod-list-generic"></flx-list>
  </div>
</flx-module>

function initTest(){
  debugger;
  
  //Find list module using id
  var listMod=$('#mod-sysmod-list-generic')[0];
  
  //If input  has value apply to additionalWhere
  if($('#txtObjName').val()==''){
    listMod.additionalWhere = null;
  }else{
    listMod.additionalWhere = 'Objects.ObjectName like \'%'+$('#txtObjName').val()+'%\'';
  }
  
  //Refresh list module
  listMod.refresh();
  
}

0 Votos