grp 的群组,中至少输入或选择一项 condRequired[string] validate[condRequired[ids]] 当 ids 的某个控件不为空时,那么该控件也为必填项。...(开始日期与结束日期) 根据控件的前后位置,如果当前控件在 grp1 元素之后,输入的日期不能是 grp1 日期的过去。...validateNonVisibleFields false 是否验证不可见的元素(如 type=”hidden” 的输入框,或多个输入控件在选项卡切换中) showPrompts true 是否显示提示信息...后,提示内容的插入位置将更改为在验证的控件之前插入; 此时需要在控件外层再套一个元素,并设置 class=”inputContainer” overflownDIV ” 设置了溢出滚动的元素...data-validation-placeholder 占位符 当位置为必填的控件验证时,值不能为空,也不能为占位符。
PS:如果希望只在表单提交时验证,可以设置为空。...实时验证有未通过项目时,发生的行为(Function)[Demo] PS:onSuccess 和 onFailure 在禁用实时验证时无效。...例如 validationEventTrigger 设为空,或 bindMethod 设为 live isOverflown false 表单是否在溢出滚动的元素内(即外部元素设置了 overflow:...scroll) PS:设置为 ture 后,提示内容的插入位置将更改为在验证的控件之前插入; 此时需要在控件外层再套一个元素,并设置 class=”inputContainer” overflownDIV...]] 只接受数字和英文字母 ajax validate[ajax[ajaxUserCallPhp]] 在验证规则中自定义 “ajaxUserCallPhp”:{ “url”:”phpajax/ajaxValidateFieldUser.php
PS:如果希望只在表单提交时验证,可以设置为空。...实时验证有未通过项目时,发生的行为(Function)[Demo] PS:onSuccess 和 onFailure 在禁用实时验证时无效。...例如 validationEventTrigger 设为空,或 bindMethod 设为 live isOverflown false 表单是否在溢出滚动的元素内(即外部元素设置了 overflow:...scroll) PS:设置为 ture 后,提示内容的插入位置将更改为在验证的控件之前插入; 此时需要在控件外层再套一个元素,并设置 class=”inputContainer” overflownDIV...]] 只接受数字和英文字母 ajax validate[ajax[ajaxUserCallPhp]] 在验证规则中自定义 “ajaxUserCallPhp”:{ “url”:”phpajax/ajaxValidateFieldUser.php
grp 的群组,中至少输入或选择一项 condRequired[string] validate[condRequired[ids]] 当 ids 的某个控件不为空时,那么该控件也为必填项。...(开始日期与结束日期) 根据控件的前后位置,如果当前控件在 grp1 元素之后,输入的日期不能是 grp1 日期的过去。...focusFirstField true 验证未通过时,是否给第一个不通过的控件获取焦点。...validateNonVisibleFields false 是否验证不可见的元素(如 type=”hidden” 的输入框,或多个输入控件在选项卡切换中) showPrompts true 是否显示提示信息...[] isOverflown false 表单是否在溢出滚动的元素内(即外部元素设置了 overflow:scroll) PS:设置为 ture 后,提示内容的插入位置将更改为在验证的控件之前插入
功能参数(Features) 参数名 说明 参考值 默认值 autoWidth 定义是否由控件自动控制列宽 Boolean true deferRender...定义在render时是否仅仅render显示的dom,在显示大量数据的情况下强烈建议设为true,显示少量数据或者真翻页方案可以设为false,注意在设为true时无法通过函数获取所有行的dom...,默认为data,也即是说,在返回的Json数据中,所有列表数据保存在data属性中,这个属性不太建议修改....配置参数(Options) 参数名 说明 参考值 默认值 deferLoading 这个参数只有在ServerSide为Ture的时候才有作用,主要是针对列表已经通过HTML...仅仅能在控件初始化的时候对控件进行控制和影响,如果要在控件使用过程中对它进行控制和变化,就需要用到DataTables的函数库(API).
cancel function(indexArr, data){} function 返回的是indexArr和data是上一次点击确认按钮时的值 onShow function(e){} function...(如果trigger里面还有其他元素,则可以设置为false;如果需要在别的地方显示数据,则可用callback返回的数据自行拼接) 注:回调函数中返回的参数含义如下 indexArr是当前选中的索引数组...,{id:'2',value:'world'}] 功能函数: 函数名 参数 描述 show() 无参 手动显示弹窗组件 hide() 无参 手动隐藏弹窗组件 setTitle() string 设置控件的标题...updateWheels() data 重新渲染所有轮子(仅限级联数据格式使用) getValue() 无参 获取组件选择的值 注:功能函数中需要传递的参数含义如下 sliderIndex 代表的是要修改的轮子的索引...image 适应平板的样式 通过改变配置项中flexibleHeight(用户自定义传入),字体大小可由用户根据css进行设置 以达到通用性和个性化的配置 var mobileSelect = this.mobileSelect
: 前台页面的表单在一些情况下没有指定POST方法: Ajax没有指定POST方法: 后台方法在一定情况下需要指定POST方法: 第二种情况: 前端参数类型与后台数据库中的存储类型不一致导致错误: 这种情况...(1)如果只需从前台获取则只需要将前台参数名避免与数据库中参数名一致 (2)如果只需传递参数,则可以用指定类型接收以后,自行转格式在放回数据库或实体类,表单等 (3)彻底解决的办法,很简单,再创建一个实体类或者在实体类中再添加两个所需的参数类型...实质可能是id 是空 选择自动动递增可以规避 id,compangId参数传递 @PathVariable 是spring3.0的一个新功能:接收请求路径中占位符的值 拼接的id参数怎么查看 新增员工带有组织结构...name原来是为了标识之用,但是现在根据规范,都建议用id来标识元素。但是name在以下用途是不能替代的: 1. 表单(form)的控件名,提交的数据都用控件的name而不是id来控制。...因为有许多name会同时对应多个控件,比如checkbox和radio,而id必须是全文档中唯一的。此外浏览器会根据name来设定发送到服务器的request。
仅有一个子元素的元素 :empty 空元素,即无内容也无元素 :parent 非空元素 节点漫游 1....offset是相对于 document, position是相对于父级元素 4. 结构控制 1. 文本节点 .html().text() 设置和获取节点的文本值。...事件类型 行为事件: .click() 单击 .dbclick() 双击 .blur() 失去焦点时 .change() 值变化时 .focus() 获取焦点时 .focusin() jQuery扩展的获取焦点...Deferred Deferred对象是在jQuery1.5中引入的回调管理对象。其作用是把一堆函数按顺序放入一个调用链,然后根据状态来依次调用这些函数。AJAX的所有操作都是使用它来进行封装的。...更一般地来说 then 的行为,就是前面的注册函数的返回值,会作为后面注册函数的参数值: var defer = $.ajax({ url: '/json', dataType
使用方法: 1、引用jquery和windsformvalid.js </script..." ajaxurl="ajax/valid.php" nullmsg="用户名不能为空!".../> rule的值为几种验证规则类型: 特征规则: nonull:不能为空 define:自定义规则,当使用define规则时,必须给控件增加define属性,如: ajax:通过ajax到后台验证,当使用ajax规则时,必须给控件增加ajaxurl属性,如上面用户名。...动态规则: m-n:值长度验证,m,n为整型,如5-18,则验证长度为5-18 =id:值等于验证,该控件值与id的值相等 >n:值大于验证,n为整型,该控件值大于n值 值小于验证,n为整型,该控件值小于
mark=$(this).attr("mark"); var $span=$(""); $span.html(mark+"不能为空...实现的ajax 其实AJAX就是在Javascript中多添加了一个对象:XMLHttpRequest对象。...页面中给出注册表单; 在username表单字段中添加onblur事件,调用send()方法; send()方法获取username表单字段的内容,向服务器发送异步请求,参数为username; django...该函数不会序列化不需要提交的表单控件,这和常规的表单提交行为是一致的。...()函数的返回值为String类型,返回将表单元素编码后的可用于表单提交的文本字符串。
我觉得非常重要的理由就是:它能够兼容市面上主流的浏览器,我们学习AJAX就知道了,IE和FireFox获取异步对象的方式是不一样的,而Jquery能够屏蔽掉这些不兼容的东西… (1)写少代码,做多事情【...(8)表单选择器 匹配表单对应的控件属性 (9)表单对象属性选择器 匹配表单属性具体的值 通过这九种的选择器,我们基本可以能获取HTML中任何位置的标签。...:向下滑动 slideToggle():上下切换滑动,速度快点 CSS尺寸属性 直接调用无参就是获取,给指定的参数就是修改 offset():获取对象的left和top坐标 offset({top:100...标签内容和属性 val():获取value属性的值 val(""):设置value属性值为""空串,相当于清空 text():获取HTML或XML标签之间的值 text(""):设置HTML或XML标签之间的值为...focus:焦点获取 select:选中所有的文本值 keyup/keydown/keypress:演示在IE和Firefox中获取event对象的不同 mousemove:在指定区域中不断移动触发
AJAX除了异步的特点外,还有一个就是:浏览器页面局部刷新;(这一特点给用户的感受是在不知不觉中完成请求和响应过程) js实现的局部刷新: <!...mark=$(this).attr("mark"); var $span=$(""); $span.html(mark+"不能为空...7.2 案例分析 页面中给出注册表单; 在username表单字段中添加onblur事件,调用send()方法; send()方法获取username表单字段的内容,向服务器发送异步请求,参数为username...该函数不会序列化不需要提交的表单控件,这和常规的表单提交行为是一致的。...,服务端则会返回以你定义的回调函数名的方法,将获取的json数据传入这个方法完成回调: 将8001的f()改写为: ?
现在的Web前端存在大量AJAX与DOM元素操作,如果采用简单的面条代码编写用例,需要重复地去解决前端的AJAX等待和元素刷新等操作带来的StaleElementReference、NoSuchElement...Story的划分按照产品用例类别进行划分,每个Story中包含多个用例,用例的编写依靠对工具层用户行为的组合。控件层和工具类层的实现在下一章结合具体问题给出。...基于这种模式,最后实现的用例如下: 三、提高测试稳定性 AJAX异步和DOM元素更新给Web自动化测试的稳定性带来了巨大的挑战,下面列举了常见的几个问题和它们在该模式下的解决办法。...1)如果元素查找和获取元素文本都发生在DOM刷新之前,那么获取的文本是刷新前文本,循环继续。 2)如果DOM刷新发生在元素查找和获取元素文本之间,则抛出异常。...异常被处理,程序继续循环,下一次即可正常获取文本的值。 3)如果元素查找和获取元素文本都发生在DOM刷新之后,程序获取到最新值,检查通过。 4)如果DOM刷新超时,Assert不通过。
(也就是属性disabled为true的) 只发送勾选的复选框和单选按钮 不发送type为reset和button的按钮 多选选择框中每个选择的值单独一个条目 在单击提交按钮表单的情况下,也会发送提交按钮的...select元素的值,就是选中的option元素的value属性的值,如果option元素没有value属性,则是option元素的文本值。...在表单序列化得过程中,一般不包含任何按钮字段,因为结果字符串很可能是通过其他方式提交的,除此之外其他规则都应该遵循。...首先通过this[0]判断有未选中表单元素,如果没有返回的结果就是一个空数组了。如果选中了,则对该表单的相关控件(form.elements表示表单中所有控件的集合)进行遍历。...获取单个控件的类型(type),name属性(name),再接着就是判断符合提交到服务器端的表单控件条件了。
2、jQuery的作用 jQuery和JavaScript它们的作用一样,都是负责网页行为操作,增加网页和用户的交互效果,只不过jQuery简化了JavaScript编程,jQuery实现交互效果更简单...$('#box').find('.myClass'); //表示选择id是box元素的class等于myClass的元素 获取和设置元素的内容 1、html方法的使用 jquery中的html方法可以获取和设置标签的...val方法来完成 2、小结 获取和设置元素属性的操作可以通过prop方法来完成 获取和设置元素的value属性可以通过val方法来完成,更加方便 jQuery事件 1、常用事件 click()鼠标点击...对象格式的json数据: { “name” = “李四”, “age” = 18 } 格式说明: json中的(key)属性名称和字符串值需要用双引号引起来,用单引号或者不用引号会导致读取数据错误...意思就是当前端页面和后台服务器进行数据交互就可以使用ajax了。 提示:在html页面使用ajax需要在web服务器环境下运行,一般向自己的web服务器发送ajax请求。
库记录并更新表格 实验13——添加服务器端验证 实验14——自定义服务器端验证 结论 数据访问层 在实际开发中,如果一个项目不包含任何数据库,那么这个项目是不完整的,我们在一二节实例中未涉及数据库,在本节开始...测试保存和取消功能 关于实验11 在实验11中为什么将保存和取消按钮设置为同名? 在日常使用中,点击提交按钮之后,请求会被发送到服务器端,所有输入控件的值都将被发送。提交按钮也是输入按钮的一种。...如果控件名称与类属性名称不匹配会发生什么情况?...当匹配成功时: 如果接收的值是空,则会将空值分配给属性,如果无法执行空值分配,会设置缺省值,ModelState.IsValid将设置为fasle。...如果空值分配成功,会考虑值是否合法,ModelState.IsValid将设置为fasle。 如果匹配不成功,参数会被设置为缺省值。在本实验中ModelState.IsValid不会受影响。 1.
我觉得非常重要的理由就是:它能够兼容市面上主流的浏览器,我们学习AJAX就知道了,IE和FireFox获取异步对象的方式是不一样的,而Jquery能够屏蔽掉这些不兼容的东西… (1)写少代码,做多事情【...目的:通过九类选择器,能定位web页面(HTML/JSP/XML)中的任何标签 匹配表单属性具体的值 匹配表单对应的控件属性 匹配父标签下的子标签 与属性的值相关 可见或不可见的标签 定义内容为XXX、...:向下滑动 slideToggle():上下切换滑动,速度快点 CSS尺寸属性 直接调用无参就是获取,给指定的参数就是修改 offset():获取对象的left和top坐标 offset({top:100...标签内容和属性 val():获取value属性的值 val(""):设置value属性值为""空串,相当于清空 text():获取HTML或XML标签之间的值 text(""):设置HTML或XML标签之间的值为...focus:焦点获取 select:选中所有的文本值 keyup/keydown/keypress:演示在IE和Firefox中获取event对象的不同 mousemove:在指定区域中不断移动触发
Postback 事件 –通过postback事件,您可以根据一个点击的图表项目,对应用程序的行为轻松地进行控制。 postback 时间处理器允许您获取点击的系列、系列项目或图例项目。...支持空值近似-如果您的数据集中缺了一个值,RadChart会为您求出一个近似值。 支持刻度分隔 –刻度分隔允许您将很长的坐标轴 “分隔开” 以便于大尺寸图的观察。...此外,可以一直保持可见或通过客户端的API唤醒。 NoColor和ColorPreview 元素 –RadColorPicher可以在调色版中显示一个”无颜色“按钮,这取决于具体的设置。...为了优化性能,您可以吧内容渲染关闭,这样RadDock会在拖动过程中只显示一个空的框。...所有这些工具现在均以集成在RadEditor控件中,并且扔可以作为单独的控件分别使用。
[TOC] PythonGUI介绍: Tkinter: Tkinter 模块(Tk 接口)是 Python 的标准 Tk GUI 工具包的接口 .Tk 和 Tkinter 可以在大多数的 Unix 平台下使用...这些控件通常被称为控件或者部件。目前有15种Tkinter的部件。 Button 按钮控件;在程序中显示按钮。...Canvas 画布控件;显示图形元素如线条或文本 Checkbutton 多选框控件;用于在程序中提供多项选择框 Entry 输入控件;用于显示简单的文本内容 Frame 框架控件;在屏幕上显示一个矩形区域...Python Tkinter 通用控件属性: Python Tkinter 按钮组件 (Button) 按钮组件用于在 Python 应用程序中添加按钮,按钮上可以放上文本或图像,按钮可用于监听用户行为...中,复选框的定义方式发生了略微改变 复选框:(Checkbutton) 是为了返回多个选项值的交互控件,通常不直接触发函数的执行。