代码如下:<%@ page language="java" pageEncoding="gbk"%> <html> <head> <title>jqueryValidateDemo</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.validate.js"></script> <script type="text/javascript"> $(function() { $("#login").validate({ rules:{ name:{ required:true }, password:{ required:true, minlength:4 } }, messages:{ name:{ requi...
对于如下表单form1: 代码如下:<form id="form1"> <input type="text" name="text1"> <input type="button" id="butt_test" value="tt"> </form>只需要运用以下代码即可实现对表单form1下所有元素的隐藏 代码如下:$("#butt_test").click(function (){ $(form1.elements ).hide(); //form1.elements是form1下所有子元素的集合 });
其效果图如下：使用说明 需要使用jQuery库文件和formValidation库文件[下载实例代码] http://jquery.com/ 同时需要自定义显示提示错误信息的CSS样式 使用实例 一，包含文件部分 代码如下:<script src="jquery.js" type="text/javascript"></script> <script src="jquery.validationEngine.js" type="text/javascript"></script> <link rel="stylesheet" href="validationEngine.jquery.css" type="text/css" media="screen" /> 二...
html页面 代码如下:<form onsubmit="if(confirm('确定好你所填写的正确，不然会发错!')) {return checkForm();}else{return false;}" > <table > <tr> <td>选择发送人<font class="red">*</font></td> <td> <input type="text" name="sendto_type[]" id="sendto_type1" value="1" >按城市发送 </td> </tr> <tr> <td>选择发送人2<font class="red">*</font></td> <td> <input type="text" name="sendto_type[]" id="sendto_type1" v...
2008-07-22 14:47 bug描述:ajaxValidator函数在提交后发生错误，停留在本页面后,再次触发校验会让提示内容一直处于onload状态。 这个bug已经修复，请重新下载。 2008/7/17 14:12:00 jQuery formValidator 3.1ver 1、为inputValidator增加empty属性。用于设置控件文本值是否允许两边为空。具体请看demo1里的密码的校验代码。 该属性是个对象，默认值{leftempty:true,rightempty:true,emptyerror:null} leftempty:表示左边是否允许...
说来满惭愧的，到今天才接触到jquery，实在是有点晚，不过既然接触到了这么好的东东，就一定要好好挖掘一下。先来共享几个jquery的资源站Plugins - jQuery JavaScript Library（这里有不少的jquery插件）http://jquery.com/这儿就是jquery的老家了Visual jQuery 1.0 (Automated)jquery的说明文档15 Days Of jQuery15天学会jquery（其实不用这么长时间）之前Realazy写过一篇jquery上手教程 http://realazy.org/blog/2006/08/31/smal...
前言两年前在力控的时候就想做一个类似的功能，当时思路大家都讨论好了，诸多原因最终还是夭折了。没想到两年多后再这有重新提出要写一个绘制表单的功能。对此也是有点小激动呢？总共用时8.5天的时间基本功能也就实现了，当然再者中间也借用了网上的一些资料，公司前端也没有帮忙处理，所以样式和部分功能还没有更好地得到处理，github上出的code只有前端脚本，至于后端的处理，会在博客中体现出来。 1.工作前准备 1.1.实现的思路 ...
JQuery提交表单代码如下:$(document).ready(function () { $("#btnLogin").click(function () { $.ajax({ url: /Home/Login, data: { "account":" + $("#account").val() + ", "psword": " + $("#psword").val() + " }, type: "post", contentType: "application/json;charset=utf-8", dataType: "json" ...
serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。代替了一个一个传参的方式 以往写的ajax传参方式 $.ajax({ url : "${ctx}/SJStandardDamPartition/insertOrUpdateDamPartition", type : "post", dataType : "json", data: {beginsectionid:function(){return $(#number option:selected).val();},beginelevation:function(){return $(#onset).val();},endelevation:function(){return $(#end).val();}}, success : f...
在jquery中ajax提交表单有post与get方式，在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了，下面我来介绍两个提交表单数据的方法。$get方式提交表单get() 方法通过远程HTTP ，下面我来介绍两个提交表单数据的方法。 $get方式提交表单get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType)请求 test.php 网页，传送2个参数，忽略返回值：...
本文实例讲述了Jquery基于Ajax方法自定义无刷新提交表单Form的方法。分享给大家供大家参考。具体实现方法如下： Jquery的$.ajax方法可以实现ajax调用，要设置url,post,参数等。 如果要提交现有Form需要写很多代码，何不直接将Form的提交直接转移到ajax中呢。 以前的处理方法： 如Form代码如下：代码如下:<form id="Form1" action="action.aspx" method="post" > 名称：<input name="name" type="text" /><br /> 密码：<input name=...
jQuery ajax中数据以键值对（Key/Value）的形式发送到服务器，使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对（key1=value1&key2=value2…）后提交。serialize() 方法使用标准的 URL-encoded 编码表示文本字符串。下面是使用serialize()序列化表单的实例： 代码如下:$.ajax({ type: "POST", url: ajaxCallUrl, data: "Key=Value&Key2=Value2", success: function(msg){alert(msg);} });a...
文件目录： html代码： 代码如下:<html> <head> <title>异步表单验证</title> <script type=text/javascript src=jquery.js ></script> <script> function checkname(){ //$("input[name=name]").val() $.ajax({ type:"get", url:index.php, data:"name="+$("input[name=name]").val(), success:function(msg){ $("#show").append(msg); } }); } </script> </head> <body> <form name=form> <input name=name type=text onblur=c...
jsp页面： 代码如下:var clientTel = $("#clientTel").val(); var activityId = $("#activityId").val(); $.ajax({ type : "post",//发送方式 url : "/arweb/reserve/saveCode.action",// 路径 data : "clientTel="+clientTel+"&activityId="+activityId , success: function(text){$("#randomCode").val(text);}, error: function(text) {alert("对不起,用户ID不存在,请输入正确的用户ID");} }); action类： 代码如下:HttpServ...
在线演示 在线下载谷歌快速搜索自带大量自动完成插件——库中甚至还有一个附带的jQuery UI共享选项。然而今天我要寻找一个替代的解决方案。由DevBridge开发的jQuery Autocomplete插件有确切的功能，我觉得非常有吸引力。你在打字的时候，结果将出现在下拉菜单底部，自动突出显示的词语。本教程简单介绍了通过加载JavaScript数组的内容运行这个插件。从后端文件加载Ajax内容或者从数据库中加载文本内容都是可行的，在本教程中，更容...