这篇文章主要介绍了jQuery 表单序列化实例代码,需要的朋友可以参考下废话不多说了，直接给大家贴代码了，具体代码如下所述：$(function(){$(#send).click(function(){$.ajax({type: "GET",url: "test.json",data: {username:$("#username").val(), password:$("#password").val()}, // 参数为对象dataType: "json",success: function(data){// code... }});}); }); $(function(){$(#send).click(function(){var username = $("#u...
今天我们来说一下表单验证，有人说我们在进行表单验证的时候使用正则来验证是非常麻烦的，现在我来给大家介绍一下表单验证的插件：jquery.validate.min.js它是与jquery一起结合用来使用的，使用它是非常方便，只需写校验规则和错误字段即可。我们常见的校验规则有以下几种：(1)required:true 必输字段(2)email:true 必须输入正确格式的电子邮件(3)date:true 必须输入正确格式的日...
var regAction = (function () {var defaultOpts = {regform : regfrom,username : username,userpwd : userpwd,confirmpwd : confirmpwd,checkcode : checkcode,accept : accept,errorTrips : errorTrips,channel : channel,loginAuto : loginAuto,btnAction : btnAction},isreg = 1;//去掉空格function trim(str) {return str.replace(//s+$|^/s+/g, );}//检测emailfunction isEmail(email) {return /^[/w/-/.]+@[/w/-/.]+(/./w+...
先上html结构<body><form action=""><input type="checkbox" id="checkedAll">全选/全不选<br><input type="checkbox" name="items" value="足球">足球<input type="checkbox" name="items" value="蓝球">蓝球<input type="checkbox" name="items" value="羽毛球">羽毛球<input type="checkbox" name="items" value="乒乓球">乒乓球<br><input type="button" id="send" value="提交"></form></body> 如图，这是前端进阶经典书籍【锋...
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><base href="<%=basePath%>"><title>My JSP index.jsp starting page</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2...
传统的表单提交，都是页面跳转的形式，但是现在更流行ajax提交，那么如果希望有表单提交的简便，也有ajax的效果，有什么解决办法吗？怎么使用两种使用方式：第一种方式<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><script src="js/jquery-1.9.1.min.js"></script><script src="js/jquery-form.js"></script><script>// 使用ajaxForm$(function(){$("#myForm").ajaxForm(function(){$("#out...
这大概是一种惯例，学习前台后台最开始接触的业务都是用户注册和登录。现在社会坚持以人为本的理念，在网站开发过程同样如此。User是我们面对较多的对象，也是较核心的对象。最开始的用户注册和登陆这块，也就尤为重要。用户注册和登录其实往往比我们想象的难。就比如表单校验，里面涵盖的内容其实挺多，就前台而言，你需要了解：1.正则表达式的基本了解其实正则并不难，并且在学会后能带给你极大的成就感，享受那种事半功倍的效果...
在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个参数，忽略返回值：$.g...
做文件上传，需要将表单元素的enctype设置为multipart/form-data,用jquery的attr方法在目前较新的主流浏览器上测试均可成功，唯独IE下死活不行。后来查阅ie浏览器6，7，8（9+由于开发机为xp，未进行测试）不支持attr的方式来修改enctype属性，需要通过dom元素的原生方法来设置，代码如下：$(#form1).get(0).encoding = multipart/form-data; 以上这篇浅谈jquery采用attr修改form表单enctype不起作用的问题就是小编分享给大家的全...
验证表单的时候经常需要获取表单中name=***的元素的值，然后加以判断。jQuery中提供了jQuery.serizlizeArray来将表单序列化成一个数组。尽管如此，数组还是不方便我们操作，我需要讲表单序列化成一个对象。这样更方便于我们操作。 下面是代码：/** * @author gaohuia */(function($){ $.fn.extend({ serializeObject:function(){ if(this.length>1){ return false; } var arr=this.serializeArray(); var obj=new Object; $.each(a...
在使用easyui的datagrid组件时，在查询时传递的查询参数是对象类型，为了方便，扩展了jquery中的序列化方法，调用该方法，可以将表单的所有数据序列化$.fn.serializeObject=function(){var obj=new Object();$.each(this.serializeArray(),function(index,param){if(!(param.name in obj)){obj[param.name]=param.value;}});return obj; }; 具体使用：<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncod...
为了提高前端小伙伴的开发效率，造了个基于json对象根据表单元素的name属性自动赋值的轮子 json2form:function(obj){ var nodeParent = null; var value = undefined; var $el = null; var nodeName = "";for(var i in obj){value= obj[i] ;if(value === undefined || value===null){continue;}if(typeof value == object){nodeParent=obj.nodeParent;value.nodeParent=nodeParent?nodeParent+"."+i : i; if(value instanceof Arr...
/* *Version: 1.0 *Author: River *URL: http://www.phpxs.com/ */ //表单验证扩展 $.extend($.fn.validatebox.defaults.rules,{ //验证中文 CHS:{validator:function(value){return /^[\u0391-\uFFE5]+$/.test(value);},message:"只能输入汉字."},//字符验证stringCheck:{validator:function(value){return /^[\u0391-\uFFE5\w]+$/.test(value);},message:"只能包括中文字、英文字母、数字和下划线."},//验证中文,英文,数字str...
// *"); //创建元素$(this).parent().append($required); //然后将它追加到文档中});//文本框失去焦点后$('form :input').blur(function(){var $parent = $(this).parent();$parent.find(".formtips").remove();//验证用户名if( $(this).is('#username') ){if( this.value=="" || this.value.length '+errorMsg+'');}else{var okMsg = '输入正确.';$parent.append(''+okMsg+'');}}//验证邮件if( $(this).is('#email') ){if( this.v...
1.serialize()方法格式：var data = $("form").serialize();功能：将表单内容序列化成一个字符串。这样在ajax提交表单数据时，就不用一一列举出每一个参数。只需将data参数设置为 $("form").serialize() 即可。实例：$(document).ready(function(){$("#btn").click(function(){alert($("#form1").serialize());});}) 你可以到这里运行查看结果。运行结果： category=php&content=myphp&list=2 2.serializeArray()方法格式：var jso...