微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

轻松学习jQuery插件EasyUI EasyUI表单验证

一、EasyUI创建异步提交表单

本文向您展示如何通过 easyui 提交一个表单(Form)。我们创建一个带有 name、email 和 phone 字段的表单。通过使用 easyui 表单(form)插件来改变表单(form)为 ajax 表单(form)。表单(form)提交所有字段到后台服务器,服务器处理和发送一些数据返回到前端页面。我们接收返回数据,并将它显示出来。

创建表单(Form)

rush:xhtml;">
ottom:1px solid #ccc">Ajax Form
PHP" method="post">

改变为 Ajax 表单

rush:js;"> $('#ff').form({ success:function(data){ $.messager.alert('Info',data,'info'); } });

服务器端代码

rush:js;"> form1_proc.PHP $name = $_POST['name']; $email = $_POST['email']; $phone = $_POST['phone'];

echo "Your Name: $name
Your Email: $email
Your Phone: $phone";

二、EasyUI表单验证

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

创建表单(form)

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

rush:xhtml;">
ottom:1px solid #ccc">Form Validation