• 《寻梦环游记》《至爱梵高》 明年奥斯卡种子选手且看且珍惜 2018-06-23
  • 海南特区改革开放30年:闯出一片辽阔的海 2018-06-23
  • 黑龙江省近三年有400多名责任人因破坏营商环境被处理 2018-06-23
  • 右玉:锣鼓喧天庆盛世 万民欢腾闹元宵 2018-06-23
  • 【手绘H5】我们的领袖习近平 2018-06-23
  • 上市公司并购新三板企业升温 2018-06-23
  • 特朗普再与世界"为敌" 多国斥其关于耶路撒冷决定 2018-06-22
  • 严防“两节”期间“四风”反弹 持续保持高压态势 2018-06-22
  • 反转!华南理工大学否认向莱阳14岁神童发送考察函 2018-06-21
  • 中国出版集团公司总裁谭跃委员:唱响新时代的好声音 2018-06-21
  • 新華網評:分享經濟,別演成分享的“獨角戲” 2018-06-20
  • 红薯会越放越甜吗 如何保存红薯最科学? 2018-06-20
  • 猪肉创八年新低部分养殖户巨亏离场 行业加速洗牌 2018-06-19
  • 招商证券:创业板反弹压力逐渐显现 2018-06-19
  • “一拖二快三”足球比分直400余名应届大学毕业生成为部队“准警官” 2018-06-19
  • 【jeasyui教程】jQuery EasyUI 表单 - 表单验证

    栏目: jeasyui 发布于: 2014-11-27 21:37:01

    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


    本文转载自:w3cschool
    本站文章除注明转载外,均为本站原创或编译?;队魏涡问降淖?,但请务必注明出处。
    转载请注明:文章转载自 七星彩票平台
    本文标题:【jeasyui教程】jQuery EasyUI 表单 - 表单验证
    IT技术书籍推荐:
    算法导论(原书第3版)
    算法导论(原书第3版)
    Thomas H.Cormen (作者), Charles E.Leiserson (作者), Ronald L.Rivest (作者), Clifford Stein (作者), 殷建平 (译者), 徐云 (译者), 王刚 (译者), 等 (译者)
    《算法导论(原书第3版)》内容简介:在有关算法的书中,有一些叙述非常严谨,但不够全面;另一些涉及了大量的题材,但又缺乏严谨性?!端惴ǖ悸?原书第3版)》将严谨性和全面性融为一体,深入讨论各类算法,并着力使这些算法的设计和分析能为各个层次的读者接受。全书各章自成体系,可以作为独立的学习单元;算法以英语和伪代码的形式描述,具备初步程序设计经验的人就能看懂;说明和解释力求浅显易懂,不失深度和数学严谨性。全书选材经典、内容丰富、结构合理、逻辑清晰,对本科生的数据结构课程和研究生的算法课程都是非常实用的教材,在IT专业人员的职业生涯中,《算法导论(原书第3版)》也是一本案头必备的参考书或工程实践手册。