jquery常用表单操作
//js将表单序列化成对象
$.fn.serializeObject = function () {
var $els = $(this).find("[name]");
var formData = {};
var len = $els.length;
for (var i = 0; i < len; i ) {
var $item = $($els[i]);
var name = $item.attr("name");
var type = $item.attr("type");
if (type == "checkbox") {
formData[name] = $item.is(':checked');
}
else
{
formData[name] = $item.val();
}
}
return formData;
};
/*根据name给子元素的Text赋值*/
$.fn.SetChildsText = function (model) {
var el = this.find("[name]");
var elCount = el.length;
if (elCount > 0) {
for (var i = 0; i < elCount; i ) {
$itemEl = $(el[i]);
var name = $itemEl.attr("name");
var formatterFun = $itemEl.attr("data-formatter");
var value = model[name];
if (value != null) {
if (typeof (window[formatterFun]) == "function") {
value = window[formatterFun](value);
}
$itemEl.text(value);
}
else {
$itemEl.text("");
}
}
}
};
/*获取查询参数*/
function GetQueryString(name) {
var reg = new RegExp("(^|&)" name "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
/**
* 绑定下拉框
* @param {any} selId:下拉框Id
* @param {any} url
* @param {any} idField
* @param {any} valueField
* @param {any} initValue:初始值
*/
function BindSelect(selId, url, idField, valueField, initValue) {
$.get(url, function (data) {
var len = data.length;
var selItems = [];
for (var i = 0; i < len; i ) {
selItems.push('<option value="' data[i][idField] '">' data[i][valueField] '</option>');
}
$("#" selId).append(selItems);
if (initValue) {
$("#" selId).val(initValue);
}
});
}
/*表单赋值*/
function FormLoad(formId, data) {
var $form = $("#" formId);
$.each(data, function (name, ival) {
var $oinput = $form.find("input[name=" name "]");
if ($oinput.attr("type") == "radio" || $oinput.attr("type") == "checkbox") {
$oinput.each(function () {
if (Object.prototype.toString.apply(ival) == '[object Array]') {// 是复选框,并且是数组
for (var i = 0; i < ival.length; i ) {
if ($(this).val() == ival[i])
$(this).attr("checked", "checked");
}
} else {
if ($(this).val() == ival)
$(this).attr("checked", "checked");
}
});
} else if ($oinput.attr("type") == "textarea") {// 多行文本框
$form.find("[name=" name "]").html(ival);
} else {
$form.find("[name=" name "]").val(ival);
}
});
}
更多专业前端知识,请上 【猿2048】www.mk2048.com
jquery常用表单操作相关推荐
- html中表单的校验的插件,功能强大的jquery.validate表单验证插件
本文实例为大家分享了jquery.validate表单验证的使用方法,供大家参考,具体内容如下 1 .表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家. 1.点击表单项,显示帮助 ...
- jquery提交表单_jQuery提交表单
jquery提交表单 jQuery submit() function triggers when a user tries to submit a form. jQuery submit form ...
- 常用正则表达式,常用表单验证javascript代码
常用正则表达式,常用表单验证javascript代码 function f_MobilCheck(as_SourceString) { if(as_SourceString.match(/^13[0 ...
- HTML5 列表、表格、常用表单、基本标签
学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签 掌握三种列表标签 掌握表格标签 掌握表格标签 掌握表单标签 掌握H5新增表单和表单属 ...
- jQuery实现表单验证
1.基于html表单,利用jQuery实现表单验证功能. 2.html基本结构和样式: 3.html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHT ...
- JQuery.validationEngine表单验证插件
一.说明 JQuery.validationEngine表单验证控件功能强大,自带了样式显示模式: 1.字符类型:非空验证.最大长度.最小长度.相等判断.数字和空格.数字和英文字母 2.数字类型:数字 ...
- 表单ajax提交插件,jQuery Form 表单提交插件-----ajaxSubmit() 的应用
Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 一.ajaxSubmit() 介绍 立即通过AJA ...
- JavaScript常用表单验证
JavaScript常用表单验证 目录: 1:js 字符串长度限制.判断字符长度 .js限制输入.限制不能输入.textarea 长度限制 2.:js判断汉字.判断是否汉字 .只能输入汉字 3:js判 ...
- jquery mobile ajax 实例,jQuery Mobile 表单
jQuery Mobile 表单 jQuery Mobile 会自动为 HTML 表单自动添加样式,让它们看起来更具吸引力,触摸起来更具友好性. jQuery Mobile 表单结构 jQuery M ...
最新文章
- php yii2支付宝开发,yii2 支付宝支付教程 [ 2.0 版本 ]
- vue 编译警告 Compiled with 4 warnings
- js-在url后面添加时间戳清除浏览器打开页面的缓存
- 04-Servlet入门+http协议
- Android Intent And Intent Filter
- Android之网络编程利用PHP操作MySql插入数据(四)
- 7-10 A-B (20 分)
- 由一个bug引发的SQLite缓存一致性探索
- NOIp2013 车站分级 【拓扑排序】By cellur925
- 微信浏览器禁止页面下拉查看网址(不影响页面内部scroll)
- hcfax2e伺服驱动器说明书_ABB用户手册MicroFlexe150伺服驱动器.pdf
- 微信支付商户朋友圈广告
- IOI2020国家集训队作业乱做
- 合唱队形(c++DP)
- 正牌韦小宝之奉旨沟女 解说
- 微信视频号绑定公众号教程分享
- pandas选取数据方法
- 2004年9月30日星期三
- 计算机应用基础差错解释,计算机应用基础名词解释:差错
- echars 3D地图为区域自定义颜色
热门文章
- 堆栈图解CSAPP Bomb Lab实验解析
- 连不上机器判断机器状态_KUKA机器人为什么KPP故障联不上,断电重启hou报RDC连接连接不上...
- 屏幕方向读取与锁定:Screen Orientation API(转)
- [http]HTTP状态码含义
- vmware中centos6.4突然无法进入图形界面解决方法
- word 论文排版 —— 按指定格式章节的自动编号
- JavaScript GetAbsoultURl
- NOIP前夕:noi.openjudge,Maximum sum
- translateZ 带来的Z-index 问题
- 基于SharePoint 的企业信息平台架构