【jeasyui教程】jQuery EasyUI 表单 - 表单验证

责任:葡京娱乐场.0267 栏目: jeasyui 发布于: 2014-11-27 21:37:01

感谢您百忙之中阅读本站文章,这里是葡京娱乐场.娱乐官方网,可以关注我们的文章公众号葡京娱乐场.pj32698,以下是文章内容,请注意用眼疲劳。

jQuery EasyUI 表单 - 表单验证

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

创建表单(form)

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

	<div style="padding:3px 2px;border-bottom:1px solid #ccc">Form Validation</div>
	<form id="ff" method="post">
		<div>
			<label for="name">Name:</label>
			<input class="easyui-validatebox" type="text" name="name" required="true"></input>
		</div>
		<div>
			<label for="email">Email:</label>
			<input class="easyui-validatebox" type="text" name="email" required="true" validType="email"></input>
		</div>
		<div>
			<label for="subject">Subject:</label>
			<input class="easyui-validatebox" type="text" name="subject" required="true"></input>
		</div>
		<div>
			<label for="message">Message:</label>
			&lt;textarea name="message" style="height:60px;"&gt;&lt;/textarea&gt;
		</div>
		<div>
			<input type="submit" value="Submit">
		</div>
	</form>

我们添加一个样式名为 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


本文转载自:
本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。
转载请注明:文章转载自 [http://www.danrojas.com]
本文标题:【jeasyui教程】jQuery EasyUI 表单 - 表单验证
IT技术书籍推荐:
PHP编程(第3版)
PHP编程(第3版)
凯文·塔特罗 (Kevin Tatroe) (作者), 彼得·麦金太尔 (Peter MacIntyre) (作者), 拉斯马斯·勒多夫 (Rasmus Lerdorf) (作者), 赵戈戈 (译者), 易国磐 (译者), 张鹏飞 (译者)
这是一本可以让读者深入了解PHP 技术的书籍,作者用言简意赅的语言并结合了大量实例来解释每一个要素。本书涵盖了PHP 所有基本的要点,不管你是一个想从头开始学习PHP的人,还是对PHP 已经有了基础想继续深入的人,这本书都很合适。
葡京娱乐场.最新互联网资讯
每月好书:Python机器学习算法
发布于 2017-07-22 03:23:04
python视频教程与指导手册大全下载
发布于 2017-07-22 03:01:51
Python 多线程鸡年不鸡肋
发布于 2017-07-22 03:06:04
利用 Python,四步掌握机器学习
发布于 2017-07-22 02:39:44
葡京娱乐场.互联网资讯

葡京娱乐场_进入葡京娱乐场.pj32698官方网站.0267