www.91084.com

GVKun编程网logo

spring使用jquery的datebox

11

如果您想了解spring使用jquery的datebox的知识,那么本篇文章将是您的不二之选。同时我们将深入剖析ASP.NETjQuery实例11通过使用jQueryvalidation插件简单实现用

如果您想了解spring使用jquery的datebox的知识,那么本篇文章将是您的不二之选。同时我们将深入剖析ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能_jquery、ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能_jquery、ASP.NET jQuery 实例17 通过使用jQuery validation插件校验ListBox_jquery、ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList_jquery的各个方面,并给出实际的案例分析,希望能帮助到您!

本文目录一览:

spring使用jquery的datebox

spring使用jquery的datebox

每次很害怕使用jquery的datebox,因为datebox有个默认值为null,所以使用required属性对datebox没用,因此,每次遇到datebox时我都会从后台传date值给它,就可以判断是否为空了,例如

<inputid="activity_activityTime" name="activityTime" value=“${date}” required="required"/>.

2.在js里面获取datebox的input框的值时,不能使用$("#activity_activityTime").val(),而是使用$("#activity_activityTime").datebox(''getValue'')。

3.在js里面需要点击datebox填完时间在改变其他输入框的数据时,不能使用$("#activity_activityTime").blur()、$("#activity_activityTime").change()、$("#activity_activityTime").onfocus()等和其他input框使用的函数,而是

$("#appointment_date").datebox({
onSelect: function(date){
var appDate=$("#appointment_date").datebox(''getValue'');
$("input[type=''checkbox'']").remove();
$.post(''findCourseAppointmentByDate'',{date:appDate,idKey:sss},function(data){
 var dataRows=data.rows;
 if(dataRows.length>0){
 $.each(data.rows, function(index,item){
var id=item.id;
        $("#classId").append("<input type=''checkbox'' name=''memo'' value=''"+item.id+"''/>"+item.className);
         });  
 }else{
 $("#classId").append("<input type=''checkbox'' name=''memo'' value=''0'' checked=''checked''/>"+"无节次");
 }
});
}
});

ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能_jquery

ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能_jquery

简单来说,jQuery validation插件就是来校验表单form里面元素输入的内容是否满足业务规则,如果不满足,可以给出用户自定义的提示信息。该插件不仅默认有一些校验规则,如校验内容是否为空,内容的长度是否符合给定的值,还可以根据用户自定义业务规则,而且错误提示信息,也可以根据用户的要求自定义显示。看来这个插件的功能确实很强大,是不是迫不及待想使用了。好的,那我们就开始简介如何使用它。
jQuery validation 插件下载地址:http://plugins.jquery.com/project/validate
为了使用这个插件,我们要在form元素上使用方法validate({options});
让我们先快速浏览下插件经常要用到的options:
•rules:由key/value组成,key等于表单元素ID而value表示表单元素内容需要满足的业务规则。
•messages:由key/value组成,key等于表单元素ID而value表示表单元素内容不满足某种业务规则而需要显示的内容。
•errorLabelContainer:指定页面已经定义的一个容器元素,用来放错误信息。
•errorContainer:在errorLabelContainer内表示一个主要的内容区域。
•wrapper:表示在errorLabelContainer元素里面定义一个元素来包装错误信息。
•onsubmit:在表单提交前做验证,能设置为false通过添加其他事件来验证。
•highlight:高亮显示输入无效的内容区域。
•unhighlight:恢复原来被高亮显示的区域。
--------------------------------------------------------------------------------
现在我们开始通过使用jQuery validation插件简单实现用户登录页面验证功能:
1.引入插件:

复制代码 代码如下:


后加入界面

2.添加样式:
复制代码 代码如下:



3.界面代码:
复制代码 代码如下:



















登录用户









 






4.脚本代码:
复制代码 代码如下:



5.用户名和密码不输入,直接提交,显示界面如下:


现在已经输入用户名和密码,密码长度输入4位,显示界面如下:

好了,通过简单实现登录用户验证功能,大家应该对该插件有一个初步认识,后面的章节,会深入学习该插件。

ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能_jquery

ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能_jquery

页面样式代码:

复制代码 代码如下:



页面结构代码:
复制代码 代码如下:






这里有一些错误注册提示信息,根据提示请核实您注册信息格式是否正确:




















































注册用户

用户名*



Email*



密码*



确认密码*



生日*



地址1*



地址2



邮政编号*



网站



我接受相关法律条款

 





脚本代码:

先引入脚本文件:
复制代码 代码如下:





脚本功能代码:
复制代码 代码如下:



注意:样式选择器div.errorContainer和div .errorContainer的含义不一样,第一个是选择所有带样式类errorContainer的div元素,而第二个是选择div元素里面的后代所有带样式类errorContainer的元素。
最终效果图:

ASP.NET jQuery 实例17 通过使用jQuery validation插件校验ListBox_jquery

ASP.NET jQuery 实例17 通过使用jQuery validation插件校验ListBox_jquery

这里我们举例校验ListBox两个规则:
•校验必选项
•选择范围在0~4项
界面代码:

复制代码 代码如下:















请选择汽车类型:

















脚本代码:
复制代码 代码如下:


Recipe17






界面效果:

ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList_jquery

ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList_jquery

先看界面代码:

复制代码 代码如下:















请选择汽车类型:


















DropDownList控件属性ToolTip会转换为Title,title的值可以作为校验规则required的提示信息,属性CssClass的值required就指定了插件的校验规则。

脚本代码:
复制代码 代码如下:


Recipe18






显示效果:


另外如果不设置DropDownList的属性ToolTip和CssClass,脚本代码改为如下,也可以实现同样的效果:
复制代码 代码如下:


我们今天的关于spring使用jquery的datebox的分享已经告一段落,感谢您的关注,如果您想了解更多关于ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能_jquery、ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能_jquery、ASP.NET jQuery 实例17 通过使用jQuery validation插件校验ListBox_jquery、ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList_jquery的相关信息,请在本站查询。

本文标签: