Jquery plug in easyUi form validates submission of sample code

  • 2020-03-30 01:08:18
  • OfStack


<form id="myForm" method="post">
  <table align="center" style="width:400px;height:auto;margin-top: 20px">  
         <tr>                              
             <td align="right"> Command: </td>    
             <td><input id="cmd" name="cmd" style="width: 200px;" class="easyui-validatebox" required="true" validType="length[5,12]" missingMessage=" Can't be empty "/></td> 
         </tr>
         <tr>              
             <td align="right"> Description: </td>
         <td><input id="depict" name="depict" style="width: 200px;" class="easyui-validatebox" required="true" validType="length[5,12]" missingMessage=" Can't be empty "/></td> 
         </tr>
         <tr>               
             <td align="right"> Type: </td>               
             <td><input id="type" style="width: 200px" class="easyui-validatebox"
     url="data/editHealthCheckCombobox_data.json" valueField="id"
     textField="text" /></td> 
         </tr> 
         <tr>
             <td align="right"> Score: </td>               
             <td><input id="score" name="score" style="width: 200px" valueField="number"/></td> 
         </tr>
         <tr> 
             <td align="right"> Usage: </td>               
             <td><input id="isUse" style="width: 200px" class="easyui-validatebox"/></td> 
         </tr> 
         <tr> 
             <td align="center" colspan="2">
              <input type="submit"  value=" submit "/>
     <input type="reset" value=" reset "/>
             </td>               
         </tr>
  </table>
 </form>


//The form submission
 $('#myForm').form({
     url:'/ProcessServlet',
     onSubmit:function(){
         return $(this).form('validate');
     },
     success:function(data){
         alert(data);
     }
 }); 

Related articles: