Js 表单与对象相互绑定

function GetFormData(formId) {
//获取表单数据
var postData = $("#" + formId).serializeArray();
var data = [];
for (var i = 0; i < postData.length; i++) {
var IsAdd = true;
for (var j = 0; j < data.length; j++) {

if (data[j].name == postData[i].name) {
data[j].value += "%&" + postData[i].value//重复键用"%&"隔开
IsAdd = false;
break;
}
}
if (IsAdd) {
data.push(postData[i]);
}
}
return data;
}
function BindForm(formId, data) {//绑定数据给表单

for (items in data) {
var dd = $("#" + formId + " [name^=‘" + items + "‘]");
if (dd != null) {
var ty = dd.attr("type");
if (ty != null && ty == "radio") {
dd.removeAttr("CHECKED");
$("[name=" + items + "][value=" + data[items] + "]").attr("checked", true);

} else if (ty != null && ty == "checkbox") {
dd.removeAttr("CHECKED");
var strdata = data[items].split("%&");
for (var k = 0; k < strdata.length; k++) {
$("[name=" + items + "][value=" + strdata[k] + "]").attr("checked", true);

}

} else {
dd.val(data[items]);
}
}
}

}

时间: 2024-10-29 19:12:19

Js 表单与对象相互绑定的相关文章

jquery.validation.js 表单验证

jquery.validation.js 表单验证 官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuery plugin: Validation 使用说明 一导入js库 <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jq

node.js表单——formidable/////z

node.js表单——formidable node处理表单请求,需要用到formidable包.安装formidable包的命令如下: npm install formidable 安装package的路径分为两种,一种是本地目录,一种是全局目录. npm install xxx -g 命令将模块下载安装到全局目录中. 全局目录可以通过 npm config set prefix "目录路径" 来设置. 通过 npm config get prefix 来获取当前设置的目录. npm

简单的JS表单验证效果代码

简单的JS表单验证代码:表单验证几乎是不可缺少的,有的表单验证是在后台完成的,有的则是使用JavaScript在在前端完成基本的验证,这样可以有效的减轻服务器的压力,下面就介绍一下JS实现的最简单的表单验证.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://w

angular js 表单验证

1 <!doctype html> 2 <html ng-app="myapp"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style> 7 body{ 8 padding: 50px; 9 font-family: "微软雅黑"; 10 } 11 input{ 12 margi

springmvc如何将form表单中的对象类型绑定

原文:springmvc如何将form表单中的对象类型绑定 代码下载地址:http://www.zuidaima.com/share/1550463256054784.htm 比如用户编辑视频,该视频输入某个分类,编辑视频的表单如下: <form> <select name="category"> <option value="yule">娱乐</option> <option value="keji&

js表单验证工具包

常用的js表单验证方法大全 1 /* 2 非空校验 : isNull() 3 是否是数字: isNumber(field) 4 trim函数: trim() lTrim() rTrim() 5 校验字符串是否为空: checkIsNotEmpty(str) 6 校验字符串是否为整型: checkIsInteger(str) 7 校验整型最小值: checkIntegerMinValue(str,val) 8 校验整型最大值: checkIntegerMaxValue(str,val) 9 校验整

通用js表单验证工具类插件-is.js

is.js是一个强大的通用js表单验证工具类.你可以使用js.js来检测任何东西,例如检测所给的值是否为参数,是否是数组,是否是超链接,甚至可以检测浏览器类型,正则表达式和数学表达式等. is.js根据检测的类型分为:类型检测.正则表达式检测.算数检测.环境检测.时间检测.Presence检测.对象检测.字符串检测数组检测和配置检测. 在线文档:http://www.htmleaf.com/Demo/201502091353.html 下载地址:http://www.htmleaf.com/jQ

Jquery.validate.js表单验证插件的使用

作为一个网站web开发人员,以前居然不知道还有表单验证这样好呀的插件,还在一行行写表单验证,真是后悔没能早点知道他们的存在. 最近公司不忙,自己学习一些东西的时候,发现了validation的一个实例讲解应用.it's perfect. 首先记录一些使用过程中,爱犯的错误: 1>忘记给表单form添加id属性 2>input这些表单标签必须id属性和name属性名字一样.例如:<input type="text" id="name" name=&q

ajax传递数组、form表单提交对象数组

在JSP页面开发中,我们常常会用到form表单做数据提交,由于以前一直只是使用form表单提交单个对象,只要表单文本域的name值和接收的对象的属性名一致,那么传值就没有什么问题.不过,在前几天的开发任务中,遇到了需要批量传递对象,也就是需要传递对象数组,在此做个总结.今天又遇到需要向后台传递数组,便一并写下来吧. 1.ajax传递普通数组 前台代码 var deleteNum= [];//定义要传递的数组 deleteNum.push("1"); deleteNum.push(&qu