jiangwt100
- 浏览: 37467 次
- 性别:
- 来自: 苏州
-
文章分类
最新评论
-
陌上君：
文章很好 ，记下了，多谢。上面那个不小心的留言删了吧
Flex4打印功能的实现 -
陌上君：
引用引用[u][i][b][flash[color=viole ...
Flex4打印功能的实现 -
Slardar_007：
sssssssssss
Flex4打印功能的实现 -
jiangwt100：
额，好吧，图挂掉了
Flex4皮肤制作 -
spirit1203：
可惜图都看不到..
Flex4皮肤制作
应用jquery,jquery-ui,jquery-validation,json写一个组卷页面（动态组卷ajax+springmvc）
本人也是jquery的新手，写得若有问题，请大家提出宝贵意见共同提高.
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/common/taglib.jsp"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style/manageStyle.css" rel="stylesheet" type="text/css" />
<link type="text/css" rel="stylesheet"
href="style/ui-base/jquery-ui.css" />
<style type="text/css">
body {
text-align: left;
}
.content {
width: 50%;
text-align: center;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
td {
padding: 7px;
}
form input {
font-size: 20px;
}
</style>
<script src="js/jquery.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/jquery.json-2.3.js"></script>
<script src="/${projectName}/studentExam/js/jquery.validate.min.js"></script>
<script language="javascript">
function removeProblem(problemId,type){
if(type==1)
$("'.simple"+problemId+"'").remove();
else if(type==2)
$("'.multi"+problemId+"'").remove();
else if(type==3)
$("'.notConfirm"+problemId+"'").remove();
else if(type==4)
$("'.choose"+problemId+"'").remove();
else if(type==5)
$("'.simpleSubject"+problemId+"'").remove();
else if(type==6)
$("'.communication"+problemId+"'").remove();
}
function toPage(current,tp){
$.post("/${projectName}/getPagedProblems.ajax",
{
type:tp,
currentPage:current
},
function(data){
var daohang = '';
var mydata = eval('('+data+')');
var info = '<tr><th>选择</th><th>题目名称</th><th>教材</th><th>章</th><th>节</th><th>详情</th></tr>';
$.each(mydata.list,function(index,entity) {
info += "<tr><td><input type=checkbox name='SelectedProblems"+tp+"' value='"+entity.problemId+"'/></td><td>"+entity.problemName+"</td><td>"+(entity.knowledgepoint==null?'nothing':entity.knowledgepoint.book.bookName)+"</td><td>"+(entity.knowledgepoint==null?'nothing':entity.knowledgepoint.chapter)+"</td><td>"+(entity.knowledgepoint==null?'nothing':entity.knowledgepoint.section)+"</td><td>详情</td></tr>";
});
daohang+="第"+mydata.currentPage+"页 ";
daohang+="共"+mydata.totalPage+"页 ";
if(mydata.currentPage==1){
daohang+="第一页 上一页 ";
}
else{
daohang+="<a href='javascript:toPage(1,"+tp+")'>第一页</a> ";
daohang+="<a href='javascript:toPage("+(mydata.currentPage-1)+","+tp+")'>上一页</a> ";
}
if(mydata.currentPage!=mydata.totalPage)
{
daohang+="<a href='javascript:toPage("+(mydata.currentPage+1)+","+tp+")'>下一页</a> ";
daohang+="<a href='javascript:toPage("+(mydata.totalPage)+","+tp+")'>最后一页</a>";
}
else{
daohang+="下一页 最后一页";
}
if(tp==1)
{
$("#singleTable").html(info);
$("#SingleDaoHang").html(daohang);
}
else if(tp==2)
{
$("#multiTable").html(info);
$("#MultiDaoHang").html(daohang);
}
else if(tp==3)
{
$("#notConfirmTable").html(info);
$("#NotConfirmDaoHang").html(daohang);
}
else if(tp==4)
{
$("#chooseTable").html(info);
$("#ChooseDaoHang").html(daohang);
}
else if(tp==5)
{
$("#simpleSubjectTable").html(info);
$("#SimpleSubjectDaoHang").html(daohang);
}
else if(tp==6)
{
$("#communicationTable").html(info);
$("#CommunicationDaoHang").html(daohang);
}
});
}
function paperItem(id,percent){
this.id = id;
this.percent = percent;
}
$(document).ready(function(){
$("#paperForm").validate();
$("#SingleDialog").dialog({
autoOpen: false,
height: 600,
width: 600,
modal: true,
title:"添加单选"
});
$("#MultiDialog").dialog({
autoOpen: false,
height: 600,
width: 600,
modal: true,
title:"添加多选"
});
$("#NotConfirmDialog").dialog({
autoOpen: false,
height: 600,
width: 600,
modal: true,
title:"添加不定项选择"
});
$("#ChooseDialog").dialog({
autoOpen: false,
height: 600,
width: 600,
modal: true,
title:"添加判断"
});
$("#SimpleSubjectDialog").dialog({
autoOpen: false,
height: 600,
width: 600,
modal: true,
title:"添加简答题"
});
$("#CommunicationDialog").dialog({
autoOpen: false,
height: 600,
width: 600,
modal: true,
title:"添加论述题"
});
$("#simpleAdd").click(function(){
$("input[name='SelectedProblems1']:checked").each(function(index) {
var problemId = $(this).val();
$.post("/${projectName}/getProblemById/"+problemId+".ajax",
null,
function(data){
var info = '';
var mydata = eval('('+data+')');
info+="<tr class='simple"+mydata.problemId+"'><td><button class='ui-state-default' onclick='javascript:removeProblem("+mydata.problemId+",1)'>移除</button>"+mydata.problemId+"</td><td>"+mydata.problemName+"</td><td>难度："+mydata.problemDifficulty+"</td><td>分值：<input type='text' width='50px' title='不能为空,且为数字' maxlength='2' class='inputpercent required number' name='points' id='"+mydata.problemId+"'/></td></tr>";
info+="<tr class='simple"+mydata.problemId+"'><td colspan='4' style='word-break:break-all'>"+mydata.problemContent+"(答案:"+mydata.problemObjectAnswer+")</td></tr>";
$.each(mydata.selectedItems,function(index,entity){
info+="<tr class='simple"+mydata.problemId+"'><td colspan='4' style='word-break:break-all'>"+entity.selectedMark+"."+entity.selectedContent+"</td></tr>";
});
info+="<tr class='simple"+mydata.problemId+"'><td colspan='4'>教材："+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.book.bookName)+" 章："+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.chapter)+" 节："+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.section)+"</td></tr>";
info+="<tr class='simple"+mydata.problemId+"'><td colspan='4' style='word-break:break-all'>知识点:"+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.chapter)+"</td></tr>";
$("#simpleTitle").after(info);
});
});
$("#SingleDialog").dialog("close");
});
$("#multiAdd").click(function(){
$("input[name='SelectedProblems2']:checked").each(function(index) {
var problemId = $(this).val();
$.post("/${projectName}/getProblemById/"+problemId+".ajax",
null,
function(data){
var info = '';
var mydata = eval('('+data+')');
info+="<tr class='multi"+mydata.problemId+"'><td><button class='ui-state-default' onclick='javascript:removeProblem("+mydata.problemId+",2)'>移除</button>"+mydata.problemId+"</td><td>"+mydata.problemName+"</td><td>难度："+mydata.problemDifficulty+"</td><td>分值：<input type='text' title='不能为空,且为数字' maxlength='2' class='inputpercent required number' width='50px' name='points' id='"+mydata.problemId+"'/></td></tr>";
info+="<tr class='multi"+mydata.problemId+"'><td colspan='4' style='word-break:break-all'>"+mydata.problemContent+"(答案:"+mydata.problemObjectAnswer+")</td></tr>";
$.each(mydata.selectedItems,function(index,entity){
info+="<tr class='multi"+mydata.problemId+"'><td colspan='4' style='word-break:break-all'>"+entity.selectedMark+"."+entity.selectedContent+"</td></tr>";
});
info+="<tr class='multi"+mydata.problemId+"'><td colspan='4'>教材："+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.book.bookName)+" 章："+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.chapter)+" 节："+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.section)+"</td></tr>";
info+="<tr class='multi"+mydata.problemId+"'><td colspan='4' style='word-break:break-all'>知识点:"+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.chapter)+"</td></tr>";
$("#multiTitle").after(info);
});
});
$("#MultiDialog").dialog("close");
});
$("#notConfirmAdd").click(function(){
$("input[name='SelectedProblems3']:checked").each(function(index) {
var problemId = $(this).val();
$.post("/${projectName}/getProblemById/"+problemId+".ajax",
null,
function(data){
var info = '';
var mydata = eval('('+data+')');
info+="<tr class='notConfirm"+mydata.problemId+"'><td><button class='ui-state-default' onclick='javascript:removeProblem("+mydata.problemId+",3)'>移除</button>"+mydata.problemId+"</td><td>"+mydata.problemName+"</td><td>难度："+mydata.problemDifficulty+"</td><td>分值：<input type='text' title='不能为空,且为数字' maxlength='2' class='inputpercent required number' width='50px' name='points' id='"+mydata.problemId+"'/></td></tr>";
info+="<tr class='notConfirm"+mydata.problemId+"'><td colspan='4' style='word-break:break-all'>"+mydata.problemContent+"(答案:"+mydata.problemObjectAnswer+")</td></tr>";
$.each(mydata.selectedItems,function(index,entity){
info+="<tr class='notConfirm"+mydata.problemId+"'><td colspan='4' style='word-break:break-all'>"+entity.selectedMark+"."+entity.selectedContent+"</td></tr>";
});
info+="<tr class='notConfirm"+mydata.problemId+"'><td colspan='4'>教材："+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.book.bookName)+" 章："+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.chapter)+" 节："+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.section)+"</td></tr>";
info+="<tr class='notConfirm"+mydata.problemId+"'><td colspan='4' style='word-break:break-all'>知识点:"+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.chapter)+"</td></tr>";
$("#notConfirmTitle").after(info);
});
});
$("#NotConfirmDialog").dialog("close");
});
$("#chooseAdd").click(function(){
$("input[name='SelectedProblems4']:checked").each(function(index) {
var problemId = $(this).val();
$.post("/${projectName}/getProblemById/"+problemId+".ajax",
null,
function(data){
var info = '';
var mydata = eval('('+data+')');
info+="<tr class='choose"+mydata.problemId+"'><td><button class='ui-state-default' onclick='javascript:removeProblem("+mydata.problemId+",4)'>移除</button>"+mydata.problemId+"</td><td>"+mydata.problemName+"</td><td>难度："+mydata.problemDifficulty+"</td><td>分值：<input type='text' width='50px' title='不能为空,且为数字' maxlength='2' class='inputpercent required number' name='points' id='"+mydata.problemId+"'/></td></tr>";
info+="<tr class='choose"+mydata.problemId+"'><td colspan='4' style='word-break:break-all'>"+mydata.problemContent+"(答案:"+(mydata.problemTrue?'正确':'错误')+")</td></tr>";
info+="<tr class='choose"+mydata.problemId+"'><td colspan='4'>教材："+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.book.bookName)+" 章："+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.chapter)+" 节："+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.section)+"</td></tr>";
info+="<tr class='choose"+mydata.problemId+"'><td colspan='4' style='word-break:break-all'>知识点:"+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.chapter)+"</td></tr>";
$("#chooseTitle").after(info);
});
});
$("#ChooseDialog").dialog("close");
});
$("#simpleSubjectAdd").click(function(){
$("input[name='SelectedProblems5']:checked").each(function(index) {
var problemId = $(this).val();
$.post("/${projectName}/getProblemById/"+problemId+".ajax",
null,
function(data){
var info = '';
var mydata = eval('('+data+')');
info+="<tr class='simpleSubject"+mydata.problemId+"'><td><button class='ui-state-default' onclick='javascript:removeProblem("+mydata.problemId+",5)'>移除</button>"+mydata.problemId+"</td><td>"+mydata.problemName+"</td><td>难度："+mydata.problemDifficulty+"</td><td>分值：<input type='text' width='50px' title='不能为空,且为数字' maxlength='2' class='inputpercent required number' id='"+mydata.problemId+"' name='points'/></td></tr>";
info+="<tr class='simpleSubject"+mydata.problemId+"'><td colspan='4' style='word-break:break-all'>"+mydata.problemContent+"</td></tr>";
info+="<tr class='simpleSubject"+mydata.problemId+"'><td colspan='4' style='word-break:break-all'>(答案):"+mydata.problemSubjectAnswer+"</td></tr>";
info+="<tr class='simpleSubject"+mydata.problemId+"'><td colspan='4'>教材："+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.book.bookName)+" 章："+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.chapter)+" 节："+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.section)+"</td></tr>";
info+="<tr class='simpleSubject"+mydata.problemId+"'><td colspan='4' style='word-break:break-all'>知识点:"+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.chapter)+"</td></tr>";
$("#simpleSubjectTitle").after(info);
});
});
$("#SimpleSubjectDialog").dialog("close");
});
$("#communicationAdd").click(function(){
$("input[name='SelectedProblems6']:checked").each(function(index) {
var problemId = $(this).val();
$.post("/${projectName}/getProblemById/"+problemId+".ajax",
null,
function(data){
var info = '';
var mydata = eval('('+data+')');
info+="<tr class='communication"+mydata.problemId+"'><td><button class='ui-state-default' onclick='javascript:removeProblem("+mydata.problemId+",6)'>移除</button>"+mydata.problemId+"</td><td>"+mydata.problemName+"</td><td>难度："+mydata.problemDifficulty+"</td><td>分值：<input type='text' width='50px' name='points' title='不能为空,且为数字' maxlength='2' class='inputpercent required number' id='"+mydata.problemId+"'/></td></tr>";
info+="<tr class='communication"+mydata.problemId+"'><td colspan='4' style='word-break:break-all'>"+mydata.problemContent+"</td></tr>";
info+="<tr class='communication"+mydata.problemId+"'><td colspan='4' style='word-break:break-all'>(答案):"+mydata.problemSubjectAnswer+"</td></tr>";
info+="<tr class='communication"+mydata.problemId+"'><td colspan='4'>教材："+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.book.bookName)+" 章："+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.chapter)+" 节："+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.section)+"</td></tr>";
info+="<tr class='communication"+mydata.problemId+"'><td colspan='4' style='word-break:break-all'>知识点:"+(mydata.knowledgepoint==null?'':mydata.knowledgepoint.chapter)+"</td></tr>";
$("#communicationTitle").after(info);
});
});
$("#CommunicationDialog").dialog("close");
});
$("#addSingle").click(function(){
$("#SingleDialog").dialog("open");
toPage(1,1);
});
$("#addMulti").click(function(){
$("#MultiDialog").dialog("open");
toPage(1,2);
});
$("#addNotConfirm").click(function(){
$("#NotConfirmDialog").dialog("open");
toPage(1,3);
});
$("#addChoose").click(function(){
$("#ChooseDialog").dialog("open");
toPage(1,4);
});
$("#addSimpleSubject").click(function(){
$("#SimpleSubjectDialog").dialog("open");
toPage(1,5);
});
$("#addCommunication").click(function(){
$("#CommunicationDialog").dialog("open");
toPage(1,6);
});
$("#paperSubmit").click(function(){
var arrayObject = new Array();
$("input[name='points']").each(function(index){
var pi = new paperItem($(this).attr('id'),$(this).val());
arrayObject.push(pi);
});
var jsonObject = $.toJSON(arrayObject);
$("#jsonObject").attr('value',jsonObject);
$("#paperForm").submit();
});
});
</script>
<title>组织试卷</title>
</head>
<body>
<h1>
组织试卷
</h1>
<form id="paperForm" action="/${projectName}/groupPaper.make?method=group" method="post">
<div>
试卷名称：
<input type="text" name="papername" title="不能为空" class="required" maxlength="30"/>
<br/>
试卷难度：
<input type="text" name="paperdifficult" title="请输入一位数字" class="required number" maxlength="1"/>
<br/>
考试时长：
<input type="text" name="paperlimitedtime" title="请输入5位以下数字" class="required number" maxlength="5"/>
<br/>
<br/>
</div>
<div id="addProblems">
<button class="ui-state-default" id="addSingle">
添加单选题
</button>
<button class="ui-state-default" id="addMulti">
添加多选题
</button>
<button class="ui-state-default" id="addNotConfirm">
添加不定项选择题
</button>
<button class="ui-state-default" id="addChoose">
添加判断题
</button>
<button class="ui-state-default" id="addSimpleSubject">
添加简答题
</button>
<button class="ui-state-default" id="addCommunication">
添加论述题
</button>
<br /><br/>
</div>
<div id="content" align="center">
<table width="100%">
<tr id="simpleTitle">
<th colspan="4">
一、单选题
</th>
</tr>
<tr id="multiTitle">
<th colspan="4">
二、多选题
</th>
</tr>
<tr id="notConfirmTitle">
<th colspan="4">
三、不定项选择题
</th>
</tr>
<tr id="chooseTitle">
<th colspan="4">
四、判断题
</th>
</tr>
<tr id="simpleSubjectTitle">
<th colspan="4">
五、简答题
</th>
</tr>
<tr id="communicationTitle">
<th colspan="4">
六、论述题
</th>
</tr>
</table>
<input type="hidden" id="jsonObject" name="jsonString"/>
<button class="ui-state-default" id="paperSubmit">提交</button>
</div>
</form>
<div id="SingleDialog" style="display: none;">
<table width="100%" id="singleTable">
</table>
<div id="SingleDaoHang"></div>
<button class="ui-state-default" id="simpleAdd">
添加
</button>
</div>
<div id="MultiDialog" style="display: none;">
<table width="100%" id="multiTable"></table>
<div id="MultiDaoHang"></div>
<button class="ui-state-default" id="multiAdd">
添加
</button>
</div>
<div id="NotConfirmDialog" style="display: none;">
<table width="100%" id="notConfirmTable"></table>
<div id="NotConfirmDaoHang"></div>
<button class="ui-state-default" id="notConfirmAdd">
添加
</button>
</div>
<div id="ChooseDialog" style="display: none;">
<table width="100%" id="chooseTable"></table>
<div id="ChooseDaoHang"></div>
<button class="ui-state-default" id="chooseAdd">
添加
</button>
</div>
<div id="SimpleSubjectDialog" style="display: none;">
<table width="100%" id="simpleSubjectTable"></table>
<div id="SimpleSubjectDaoHang"></div>
<button class="ui-state-default" id="simpleSubjectAdd">
添加
</button>
</div>
<div id="CommunicationDialog" style="display: none;">
<table width="100%" id="communicationTable"></table>
<div id="CommunicationDaoHang"></div>
<button class="ui-state-default" id="communicationAdd">
添加
</button>
</div>
</body>
</html>
0
顶
顶
2
踩
踩
分享到：
评论
2 楼
jiangwt100
2011-11-12
287854442 写道
1.没有图
2.没有在线demo
3.没有使用代码格式
....
2.没有在线demo
3.没有使用代码格式
....
在线demo不好弄啊!
1 楼
287854442
2011-11-12
1.没有图
2.没有在线demo
3.没有使用代码格式
....
2.没有在线demo
3.没有使用代码格式
....
发表评论
相关推荐
**jQuery UI Validation Engine 插件详解** `jQuery UI Validation Engine` 是一款强大的前端验证插件，主要用于提升用户体验，确保用户在交互式表单中输入的数据是有效和正确的。这款插件充分利用了 `jQuery` 和 `...
这是一个基于Grunt的任务配置文件，Grunt是JavaScript的构建工具，用于自动化项目构建过程，如编译、压缩、测试等。在“Gruntfile.js”中，开发者可以找到关于如何构建、打包和测试jQuery-validation的配置，这对于...
jQuery-validation 是一个广泛使用的JavaScript库，专门用于实现前端表单验证。1.14.0版本在2015年9月13日发布，它提供了强大的功能，帮助开发者轻松地创建具有输入格式判别、条件输入识别和验证通过的用户界面。...
**jQuery**：jQuery是一个快速、简洁的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。jQuery使得JavaScript编程变得更加简单，尤其在处理DOM操作和创建动态网页方面。 **Validation Engine**...
**jQuery Validation ...总之，jQuery Validation Plugin 1.13.0为开发人员提供了一个强大且灵活的工具，用于在网页应用中实现表单验证。其易用性、丰富的功能和广泛的社区支持，使其成为前端开发的首选验证插件之一。
首先，jQuery Validation插件是基于jQuery库的一个扩展，它提供了一套完整的验证规则和错误提示机制，能够灵活地对表单进行验证。该插件通过简单的API接口，开发者可以轻松地为表单元素添加验证规则，实现复杂的验证...
`jquery-validation-1.11.1.zip`这个压缩包包含了该插件的源码、文档和示例，是深入理解并应用jQuery验证插件的宝贵资源。 首先，我们关注压缩包中的`README.md`文件。这是一个Markdown格式的文档，通常包含项目的...
这两个版本代表了插件的不同迭代，1.17.0是较新的版本，可能包含更多的优化和新特性，而1.14.0则是一个较旧但仍然广泛使用的版本。在选择使用哪个版本时，应考虑项目的兼容性和对新功能的需求。 安装jQuery验证插件...
jQuery Validation 是一个广泛使用的前端JavaScript库，专为简化HTML表单验证而设计。它提供了一套完整的功能，使开发者能够快速有效地实施表单验证，确保用户输入的数据满足预设的规则。这个插件是基于jQuery库的，...
jQuery Validation插件是jQuery库的一个强大扩展，用于实现客户端的表单验证。本篇文章将围绕"jquery-validation-1.8.1"这个版本，深入探讨该插件的核心功能、使用方法以及提供的多个示例。 jQuery Validation插件...
jQuery Validate 是一个广泛使用的JavaScript库，它为HTML表单提供了强大的验证功能。这个插件使开发者能够轻松地在客户端实现数据验证，避免了不必要的服务器请求，提高了用户交互体验。其核心特性包括： 1. **...
2. **Accordion（手风琴）**：将多个内容区域折叠成一组，每次只展开一个。 3. **Slider（滑块）**：创建可拖动的滑块，常用于数值选择或进度条。 4. **Tabs（标签页）**：实现多页签展示内容，可设置动画效果和...
jQuery Validation是Web开发中一个广泛使用的JavaScript库，主要用于表单验证。该插件以其简单易用和强大的功能著称，大大简化了前端数据验证的过程。在本文中，我们将深入探讨jQuery Validation 1.17.0版本的相关...
本节主要介绍如何基于SSM（Spring、SpringMVC、MyBatis）框架搭建一个简单的Web应用程序，并实现一个HelloWorld示例。 **1. 导入必要的依赖** - **SpringMVC**: MVC（Model-View-Controller）设计模式的实现之一，...
jQuery Validation插件是基于jQuery库的一个扩展，它使得在网页中实现表单验证变得轻而易举。1.8.0版本作为历史版本，虽然已有更新迭代，但仍然在很多项目中被广泛使用。此版本修复了一些已知问题，增强了稳定性和...
《jQuery Validation插件详解——基于jquery-validation-1.8.0.zip》 jQuery Validation插件是Web开发中广泛使用的表单验证工具，尤其在构建用户交互丰富的网站时，它的存在大大提高了用户体验。本文将深入探讨...
如果您要从头开始构建新的东西，或者当您试图将某些东西集成到具有大量现有标记的现有应用程序中时，它都是一个不错的选择。该插件捆绑了一组有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个 API 来编写您...
总结来说，jQuery Validation Plugin 1.15.0是一个强大的客户端表单验证工具，它简化了验证逻辑，提供了灵活的配置和扩展性，是开发Web应用时不可或缺的辅助工具。通过了解其主要功能、核心文件和使用步骤，开发者...
jQuery Validation Plugin是jQuery的一个插件，专门用于处理Web表单的验证。它简化了原本繁琐的JavaScript验证代码，提供了一套完整的验证规则和自定义错误消息的方法。主要特性包括： 1. **自动绑定**：只需简单的...
EasyUI是一个基于jQuery的UI库，专为开发人员提供丰富的前端组件，如表格、表单、树形菜单、对话框等，帮助快速构建美观且响应式的Web界面。EasyUI提供了一套简洁的API和CSS样式，使得开发者能够专注于业务逻辑，而...