Easyui 表单验证

您所在的位置:网站首页 easyui表单校验去掉提示时的图片 Easyui 表单验证

Easyui 表单验证

2023-11-09 03:09| 来源: 网络整理| 查看: 265

示例 查看Demo

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

创建表单(form)

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

Form Validation Name: Email: Subject: Message: ;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'); } });

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



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3