Validation是jQuery的插件，提供的方法可以大大简化验证表单的工作，功能也足够一般的需要了。rules也足够简单，很容易上手，举个简单的例子，用validation来验证注册表单。 首先确定验证的目标是： 1. 必填项不能为空 2. 注册用户名必须为6-12个字符内 3. 合格的email格式 4. 密码必须为6-18个字符 5. 确认密码必须跟密码一致 ok，目标很明确了。正片开始 代码如下:<script type="text/javascript" src="../lib/jquery-1.3.2.min...
问题：最近使用 jqeury 的 validationEngine 做ajax校验，当表单中的最后一个字段需要做ajax验证时，此时在字段输入完毕后点击回车提交表单时不起作用，必须再按一次/点击submit按钮。 分析：通过个跟踪其源代码，最终发现ajax验证成功后也再次submit了表单，但还是不能真正提交表单。 原因：很诡异，因为我的提交表单按钮名字是submit。改掉就好了。 代码如下:<input id="submit" type="submit" class="btn pull-left" value="登录...
jquery submit()无法提交表单 报错：f[s] is not a function， js submit()无法提交表单 报错：document.getElementByIdx_x(...).submit is not a function 这2个错让人很无奈啊，语法没有任何错误，怎么能报错呢？ 因为以前重来没有遇到过，这次是在改别人的代码，回头看了看代码，我靠原来有个按钮的name="submit",把它删掉就能正常提交表单了。 为什么呢？应该是一个type="submit"的Input才会影响表单提交啊！我向可能name="sub...
代码如下:// Ajax 文件下载 jQuery.download = function(url, data, method){ // 获取url和data if( url && data ){ // data 是 string 或者 array/object data = typeof data == 'string' ? data : jQuery.param(data); // 把参数组装成 form的 input var inputs = ''; jQuery.each(data.split('&'), function(){ var pair = this.split('='); inputs+='<input type="hidden" name="'+ pair[0] +'" value="'+ pair[1] +'" />'; })...
实例 输出序列化表单值的结果： 代码如下:$("button").click(function(){ $("div").text($("form").serialize()); }); 定义和用法 serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。 您可以选择一个或多个表单元素（比如 input 及/或 文本框），或者 form 元素本身。 序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。 语法 代码如下:$(selector).serialize() 详细说明 .serialize() 方法创建以标准 URL 编码...
有时候可能需要实现这样的效果：使用ajax提交表单，成功提交表单之后清空表单，如下代码： 代码如下:<form> <input name="name1" /><br/> <input name="name1" /><br/> <textarea name="content"></textarea> <a href="javascript:void(0)" onclick="subform()">提交</a> </form> 当点击 提交 之后，通过ajax将内容提交。 以前我是通过以下代码来清空表单 代码如下:$("input").val(); $("textarea").val(); 前些日子无意想到另...
1.首先在项目中添加必备js与css 2.代码中添加引用（必备引用） 代码如下:<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <!--jquery必须库--> <script src="formValidator1/formValidator-4.0.1.min.js" type="text/javascript"></script> <!--表单验证必须库--> <script src="formValidator1/formValidatorRegex.js" type="text/javascript"></script> <!--表单验证扩展库--> <link href="formV...
看一个用jQuery提交表单ajax查询的例子。 基本功能：用户输入一个表单，输入准考证和验证码，验证用户是否输入表单，点击查询提交，然后从服务器得到返回的数据并显示出来。 代码如下： jQuery部分： 代码如下:<script language="javascript" type="text/javascript"> $(document).ready(function() { $("#btnSubmit").click(function() { Login(); }); }); function Login() { if (Check()) { LoginSuccess(); } } function Chec...
看一个用jQuery提交表单ajax查询的例子。 基本功能：用户输入一个表单，输入准考证和验证码，验证用户是否输入表单，点击查询提交，然后从服务器得到返回的数据并显示出来。 代码如下： jQuery部分： 代码如下:<script language="javascript" type="text/javascript"> $(document).ready(function() { $("#btnSubmit").click(function() { Login(); }); }); function Login() { if (Check()) { LoginSuccess(); } } function Chec...
先下页面代码： 代码如下:<!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 type="text/javascript" src="Scripts/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="Scripts/jquery.formCheck.js"></script> <script type="text/javascript"> $(do...
1. 页面效果，自动提示验证信息... 2. 页面代码 代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>表单验证页面</title> <link href="../Scripts/themes/default/easyui.css" rel="stylesheet" type="text/css" /> <script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <script src="../Scripts/jquery.easyui.min.js" type="text/javascript"></script> <script src="../Scripts...
IE 暂不支持CSS： 代码如下:<style> body{ margin:0; padding:0; } div{ margin:0; padding:0; } .container{ margin-left:10%; margin-right:10%; } ul li{ list-style:none; } ul{ padding:0; margin:0; } p.em{ color: red; ...
先说说常用的Form插件，支持Ajax，支持Ajax文件上传，功能强大，基本满足日常应用。 1、最新JQuery框架软件包下载 jquery.js压缩包 jquery.js非压缩包 2、Form插件下载 form.js 3、Form插件的简单入门 第一步：先增加一个表单 代码: 代码如下:<form id="myForm" action="comment.php" method="post"> Name: <input type="text" name="name" /> Comment: <textarea name="comment"></textarea> <input type="submit" value="Submit...
Niceforms Niceforms是一款独立的表单美化工具，当前版本为2.0 官方主页：http://www.emblematiq.com/lab/niceforms/ 官方演示：http://www.emblematiq.com/lab/niceforms/demo/niceforms.html GitHub：https://github.com/emblematiq/Niceforms 使用方法，在页面头部引入以下脚本及样式即可： 代码如下:<link href="niceforms-v2.0/niceforms-default.css" rel="stylesheet" /> <script src="niceforms-v2.0/niceforms.js"></scr...
枚举对象的使用： 代码如下://各种验证方式支持的标签类型 sustainType: function (elem, setting) { var srcTag = elem.tagName; var stype = elem.type; switch (setting.validatetype) { case _validTypeEnum.InitValidator: return true; case _validTypeEnum.InputValidator: if (srcTag == _validTagEnum.INPUT || srcTag == _validTagEnum.TEXTAREA || srcTag == _validTagEnum.SELECT) { return true; } else { return fa...