zoukankan      html  css  js  c++  java
  • 雷林鹏分享:jQuery EasyUI 表单

      jQuery EasyUI 表单 - 表单验证

      本教程将向您展示如何验证一个表单。easyui 框架提供一个 validatebox 插件来验证一个表单。在本教程中,我们将创建一个联系表单,并应用 validatebox 插件来验证表单。然后您可以根据自己的需求来调整这个表单。

      创建表单(form)

      让我们创建一个简单的联系表单,带有 name、email、subject 和 message 字段:

      

    Form Validation

      

      

      

      

      

      

      

      

      

      

      

      

      

      

      

      <textarea name="message" style="height:60px;"></textarea>

      

      

      

      

      

      我们添加一个样式名为 easyui-validatebox 到 input 标记,所以 input 标记将根据 validType 属性应用验证。

      当表单无效时阻止表单提交

      当用户点击表单的 submit 按钮时,如果表单是无效的,我们应该阻止表单提交。

      $('#ff').form({

      url:'form3_proc.php',

      onSubmit:function(){

      return $(this).form('validate');

      },

      success:function(data){

      $.messager.alert('Info', data, 'info');

      }

      });

      如果表单是无效的,将显示一个提示信息。

      下载 jQuery EasyUI 实例

      jeasyui-form-form3.zip

      本文转载自:w3cschool

      (编辑:雷林鹏 来源:网络 侵删)

  • 相关阅读:
    第三周学习笔记
    质量属性
    第四周学习
    逻辑回归
    架构的概念
    第二周总结
    线性回归
    十步走-阅读笔记六
    十步走-阅读笔记五
    P2633 Count on a tree
  • 原文地址:https://www.cnblogs.com/pengpeng1208/p/10642160.html
Copyright © 2011-2022 走看看