本文实例讲述了jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码。分享给大家供大家参考。具体如下： 这里实现圆角表单，圆角输入框，无刷新验证，漂亮唯美，是对这款基于HTML5/CSS3/jQuery来实现的表单效果的简要概括，用HTML5可以实现很多超乎寻常的效果，从此你会喜欢上HTML5,会骂一下万恶的IE,到现在IE8还不支持HTML5，正悲哀着呢。 先来看看运行效果截图：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-htm...
随着互联网时代的发展，web前端已经和后台数据挂钩，作为web前端仅仅不是只切图写写html，css 和简单js交互。 js code $(function() {var page = 1;var discount = $(#discount);var innerHeight = window.innerHeight;var timer2 = null;$.ajax({url: /lightapp/marketing/verify/apply/list?page=1,type: GET,dataType: json,timeout: 1000,cache: false,success: function (data) {if (data.error_code === 0) {var arrText =...
前台用AJAX直接调用后台方法，老有人发帖提问，没事做个示例 下面是做的一个前台用JQUERY，AJAX调用后台方法做的无刷新级联菜单 CasMenu.aspx页面：<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CasMenu.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">...
jPaginate是基于jQuery的动感滚动分页插件，它的表现形式是像分页的按钮一样，非常有意思的是这些按钮却可以滚动，可以通过单击或鼠标滑向点两侧的小箭头来控制按钮的前后滚动。PHP读取第一页数据：<div id="pagetxt"> <?php $query = mysql_query("select id,title,addtime from article order by id desc limit 0, 6"); while ($row = mysql_fetch_array($query)) { $pubdate = date("Y-m-d", $row[addtime]); echo <p><span> . ...
新年礼，提供简单、易套用的 jQuery AJAX 上传示例及代码下载。后台对文件的上传及检查，以 C#/.NET Handler 处理 (可视需要改写成 Java 或 PHP)。 有时做一个网站项目 (不论是否 ASP.NET)，内附的 FileUpload 控件，功能不足 (页面必须刷新、不支援 AJAX)，或外观太丑被用户嫌弃 (却无法透过 CSS 自定义外观)。网路上虽已有许多可用的示例，如： jQuery File Upload，但功能太强大、外观复杂，欲仅取出部分功能来引用，反而不易。...
文件上传是网站常用的功能，例如附件或图片的上传功能，解决方案也有很多，我们今天介绍一种通过jQuery无刷新的文件上传方式。 首先，我们在页面中放一个form，用来上传文件：代码如下: <form id="myForm" method="post" action="/asyncFileUpload/UploadHandler.ashx" enctype="multipart/form-data" target="asyncTarget"> <span>文件：</span> <input type="file" name="myFile" /> </form> <input type="button" ...
今天在开发的时候。需要在一个用户验证邮箱。但是使用了传统的js无刷新需要清空浏览器缓存后才能正常的验证所以自己就去用jquery 去写一个了无刷新验证 看看代码如下:<script type="text/javascript">var ee;function mailbox(strEmail){var name=document.blooger[0].email.value;$.ajax({ type: "get", url: "<?php echo "http://".$_SERVER[HTTP_HOST]."/Login/"; ?>mail.php", data: "youx="+name,success: function(datax) {...
要更新的页面 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script src="js/jquery.js" type="text/javascript"></script> </head><body> <select id="lucky1" onchange="return duoduo();"> <option value="1">第一期</option> <option va...
pushState是一个可以操作history的api，该api的介绍和使用请见这里：http://www.welefen.com/use-ajax-and-pushstate.html 目前已经有http://github.com/, http://plus.google.com, http://www.welefen.com 等网站已经使用。 pjax是对ajax + pushState的封装，让你可以很方便的使用pushState技术。 同时支持了缓存和本地存储，下次访问的时候直接读取本地数据，无需在次访问。 并且展现方式支持动画技术，可以使用系统自带的动画方...
代码如下:<html> <head> <script type="text/javascript" src="script/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="script/jquery-1.7.1.js"></script> <script type="text/javascript" src="script/jquery.pagination.js"></script> <script type="text/javascript"> $(function(){ //此demo通过Ajax加载分页元素 var init...
本例数据库结构很简单，就一个字段就行了 jquery.confirm.js 代码如下:(function($){ $.confirm = function(params){ if($(#confirmOverlay).length){ // A confirm is already shown on the page: return false; } var buttonHTML = ; $.each(params.buttons,function(name,obj){ // Generating the markup for the buttons: buttonHTML += <a href="#" class="button +obj[class]+">+name+<span></span></a>; if(!obj.action){...
功能：省，市，地区三级联动，采用jquery ajax 取数据绑定，页面刷新或提交后选定值能保存并保持选中状态 把以下代码放在一个单独的js文件中，在页面上引用即可调用 代码如下://获取cookie值function readCookie(name) { var cookieValue = ""; var search = name + "="; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search); if (offset != -1) { offset += search.l...
不多说，直接贴代码: 下面是js部分： 代码如下:var pageSize = "10";//每页行数 var currentPage = "1";//当前页 var totalPage = "0";//总页数 var rowCount = "0";//总条数 var params="";//参数 var url="activity_list.action";//action $(document).ready(function(){//jquery代码随着document加载完毕而加载 //分页查询 function queryForPages(){ $.ajax({ url:url, type:post, dataType:json, data:"qo.currentPage="+cur...
代码如下:<asp:DropDownList ID="ddl1" runat="server" Width="100px" ></asp:DropDownList> <asp:DropDownList ID="ddl2" runat="server" Width="100px" ></asp:DropDownList> <asp:DropDownList ID="ddl3" runat="server" Width="100px" ></asp:DropDownList> js: 代码如下:<script src="js/jquery-1.4.2.min.js" type="text/javascript" ></script> <script type="text/javascript"> $(document).ready(function () { GetA();...
1.在静态页面里添加文本框及样式和js脚本的引用：代码如下:Code highlighting produced by Actipro CodeHighlighter (freeware)//www.gxlcms.com/--><html xmlns="http://www.w3.org/1999/xhtml" ><head id="Head1" runat="server"> <title>无标题页</title> <script language ="javascript" src ="../jquery-1.3.2.min.js" type ="text/javascript" ></script> <script language ="javascript" src ="validator.js" typ...