`
fendou-cheng
  • 浏览: 12190 次
  • 性别: Icon_minigender_1
  • 来自: 河北石家庄
社区版块
存档分类
最新评论

jQuery EasyUI 的表单验证

阅读更多

<html><head><title></title>
<link style="text/css" rel="stylesheet" href="../参考资料/JQuery/jquery-easyui-1.1.2/themes/default/easyui.css">
<script src="jquery-1.4.2.min.js"></script>
<script src="jquery.easyui.min.js"></script>
<script>
$.extend($.fn.validatebox.defaults.rules, {
minLength: {
validator: function(value, param){
return value.length >= param[0];
},
message: '请输入至少(2)个字符.'
}
});


</script>
</head>

<body>

<form name="frmRegister" method="post">
<div style="width:500px;height:20px;">
name:<input name="txtName" class="easyui-validatebox"validType="minLength[3]" missingMessage="不能为空"  required="true" >

</div>
<div style="width:500px;height:20px;">
psw:<input name="txtPsw" type="password"  class="easyui-validatebox" validType="minLength[2]"  required="true">

</div>
<div style="width:500px;height:20px;">
address:<input name="txtAddr" class="easyui-validatebox"  validType="minLength[4]" invalidMessage="请输入至少4个字符" required="true">

</div>
<div style="width:500px;height:20px;">
email:<input name="txtEmail" validType="email" class="easyui-validatebox">
</div>
<div style="width:500px;height:20px;">
<input type="submit" value="注册">
</div>
</form>
</body>

</html>

 

 

分享到:
评论

相关推荐

    jQuery EasyUI 1.2.4 API 中文文档.chm

    本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档(完整)目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...

    Jquery组件easyUi实现表单验证示例

    本文实例为大家分享了Jquery easyUi表单验证实现代码,供大家参考,具体内容如下 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=UTF-8&gt; &lt;title&gt;Basic Form - jQuery EasyUI Demo&lt;/...

    Jquery插件easyUi实现表单验证示例

    主要介绍了Jquery插件easyUi实现表单验证示例,需要的朋友可以参考下

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

    轻松学习jQuery插件EasyUI,本文的重点在于EasyUI表单验证,并告诉大家如何提交表单,感兴趣的小伙伴们可以参考一下

    jQuery EasyUI提交表单验证

    主要介绍了jQuery EasyUI提交表单验证的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下

    MF00383-JQuery EasyUI开发权限管理源码.zip

    2.表单验证,文本框高亮起来 3.可以动态分配权限按钮,分配角色权限,目录结构,栏目的链接都可以修改。权限管理非常灵活, 4.兼容 IE/Firefox /Google Chrome 这些浏览器都测试过  5.批量删除,自定义复选框样式...

    Jquery Easyui表单组件Form使用详解(30)

    本文实例为大家分享了Jquery Easyui表单组件的实现代码,供大家参考,具体内容如下 加载方式 表单组件只能在 JS 区域设置,首先定义一张表单。 &lt;form id=box method=post&gt; &lt;label for=name&gt;Name: &lt;...

    Jquery插件easyUi表单验证提交(示例代码)

    本篇文章主要是对Jquery插件easyUi表单验证提交的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

    jQuery Easyui 验证两次密码输入是否相等

    什么是 jQuery EasyUI jQuery EasyUI 框架提供了创建网页所需的一切,帮助您轻松建立站点。 easyui 是一个基于 jQuery 的框架,集成了各种...Jquery easyui是一个非常好的ui框架,但是表单验证中没有最常用的判断两个

    jQuery EasyUI之验证框validatebox实例详解

    validatebox(验证框)的设计目的是为了验证输入的表单字段是否有效。如果用户输入了无效的值,它将会更改输入框的背景颜色,并且显示警告图标和提示信息。该验证框可以结合form(表单)插件并防止表单重复提交。 2.练习...

    jQuery EasyUI 1.3 API 中文教程

    api+实例解析 对于普通系统开发绝对够用了 演示范例 拖动与菜单 ...表单验证 格式化下拉框 动态下拉数据表格 创建简单的菜单 创建简单的菜单 扩展应用 组件加载 easyUI 主题 关于EasyUI

    实例解析jQuery插件EasyUI最常用的表单验证规则

    表单&lt;input type=”text” id=”rate” name=”rate” required=”true” class=”easyui-validatebox” validType=”rateCheck[0,1000]” maxlength=”6″ /&gt; $.extend($.fn.validatebox.defaults.rules,...

    jquery+easyui培训文档 (20111111整理完善)

    其中包含了 表单验证.DataGrild , Tree , DataTree,form 表单.Link Button ,Layout,tag,等等.类似ext js .ext js 比较臃肿.而且还收费.EasyUi 是一款免费开源的前台轻量级便于开发的工具. 经过一段时间的学习和应用...

    整合了struts2 jquery的formValidator表单验证的页面代码

    整合了struts2 jquery的formValidator表单验证的页面代码, 包含验证用户是否存在,提交表单等

Global site tag (gtag.js) - Google Analytics