jq form表单自动赋值

(function ($) {

$.fn.extend({

initForm: function (options) {

//默认参数

var defaults = {

formdata: "",

isDebug: true //是否需要调试,这个用于开发阶段,发布阶段请将设置为false,默认为false,true将会把name value打印出来

}

//如果传入的json字符串,将转为json对象

var tempData = "";

if ($.type(options) === "string") {

defaults.formdata = JSON.parse(options);

} else {

defaults.formdata = options;

}

//设置参数

// var setting = $.extend({}, defaults, tempData);

var setting = defaults;

var form = this;

formdata = setting.formdata;

//如果传入的json对象为空,则不做任何操作

if (!$.isEmptyObject(formdata)) {

var debugInfo = "";

$.each(formdata, function (key, value) {

//是否开启调试,开启将会把name value打印出来

if (setting.isDebug) {

debugInfo += "name:" + key + "; value:" + value + "\r\n ";

}

//表单处理

var formField = form.find("[name=‘" + key + "‘]");

if ($.type(formField[0]) === "undefined") {

if (setting.isDebug) {

console.warn("can not find name:[" + key + "] in form!!!"); //没找到指定name的表单

}

} else {

var fieldTagName = formField[0].tagName.toLowerCase();

if (fieldTagName == "input") {

if (formField.attr("type") == "radio") {

$("input:radio[name=‘" + key + "‘][value=‘" + value + "‘]").attr("checked", "checked");

} else if (formField.attr("type") == "checkbox") {

$("input:checkbox[name=‘" + key + "‘][value=‘" + value + "‘]").attr("checked", "checked");

} else {

formField.val(value);

}

} else if (fieldTagName == "label") {

formField.html(value);

} else {

formField.val(value);

}

}

//图片链接处理form.find("img[fieldata=img_url]")

var formImage = form.find("img[fieldata=" + key + "]");

if ($.type(formImage[0]) != "undefined") {

formImage.attr("src", value);

}

//a链接处理

var formLink = form.find("a[fieldata=" + key + "]");

if ($.type(formLink[0]) != "undefined") {

formLink.attr("href", value);

}

})

if (setting.isDebug) {

console.log(debugInfo);

}

}

return form; //返回对象,提供链式操作

}

});

})(jQuery)

时间: 2024-10-10 16:06:24

jq form表单自动赋值的相关文章

Extjs的form表单自动装载数据(通过Ext.data.Model的代理加载数据)

在做项目的时候遇到一个问题,以前双击grid页面一行数据的时候,会吧双击这一行的数据自动加载到双击的页面(Ext的弹出框),可以通过this.down(''form).getForm().loadRecord(record)来自动加载,可是现在有一个需求就是双击grid一行弹出一个新的浏览器页面(不是ext的弹出框,通过window.open()实现),只能把双击的id传到页面,再重新查数据手动赋值,如果一个页面字段很多,一个一个赋值是很辛苦的,所以就想能不能自动装载数据 通过长时间研究发现,t

ajax无刷新方式对form表单进行赋值!

/** * 把json数据填充到from表单中 */ <form id="editForm" action="user.php"> 用户名:<input type="text" name="usrname" /><br/> 地址:<input type="text" name="address" /><br/> 性别:<i

按Enter键后Form表单自动提交的问题

怪事年年有,今年特别多. 话说,最近项目中遇到一件怪事,当我鼠标focus在文本框中,轻轻敲了下回车键,尼玛页面突然刷新了,当时把宝宝给吓得. 接下来就是一番苦逼的烧脑和蛋疼~ 一.被表象所迷惑 突然出现这种情况,脑海中第一反应是,keydown事件是不是出问题了,然后找啊找啊找啊,然后没有然后. 在把input元素上的所有事件移除掉后,我自信的按了一下enter键.艾玛,又刷新了.心里那个苦哎. 二.列出所有可能 一阵捣鼓之后,脑海中列出了所有按下enter键后的改变,url改变,多了一个问号

form表单自动提交

form表单提交是web项目中经常遇到的,但是如果form中只有一个input为text类型的输入框时, 需要格外注意,因为这时候只要你按下回车键,form表单就会自动提交,这是form表单的一个特性. 如何有效的防止呢? 小编认为最简洁有效的方法就是增加一个隐藏域.比如下面的代码就可以解决问题:   <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding=&qu

遇到的一个Form表单自动提交问题解决办法

Form 表单中只有一个 input 元素时按回车会默认提交表单.有的时候我们希望按回车可以进行列表查询,但是查询后表单被自动提交了,然后刷新了整个页面.这个时候就需要对这个 Form 表单处理一下以满足在只有一个 input 元素时也能回车查询. 基本表单如下: <html> <head></head> <body> <form action='XXX' name='searchForm' method='post'> 查询: <inpu

jq form表单验证

<form action="" class="idxform1" onsubmit="return formyz('j_name','j_phone','j_em','j_content','j_code')"> <div class="ipt1 "><span>姓名</span><input type="text" class="j_name

Django 之 form表单

Django中的Form表单 1.背景 平时我们在书写form表单时,经常都是手动的去写一些input标签,让用户输入一些功能,进行一些校验的判断,等等.Django中的form表单就能够帮我们去实现这些功能,比较便捷. 2.Django form表单的功能 1.生成页面可执行的HTML标签 2.对应户的数据进行校验 3.保留上次输入的内容 3.先用普通方式手写一个注册功能 1.views.py文件中 # 注册 def register(request): error_msg = ""

Django中Form表单之字段详解

Django中的Form表单 1.背景 平时我们在书写form表单时,经常都是手动的去写一些input标签,让用户输入一些功能,进行一些校验的判断,等等.Django中的form表单就能够帮我们去实现这些功能,比较便捷. 2.Django form表单的功能 1.生成页面可执行的HTML标签 2.对应户的数据进行校验 3.保留上次输入的内容 3.先用普通方式手写一个注册功能 1.views.py文件中 # 注册 def register(request): error_msg = ""

form表单 获取与赋值

form表单中使用频繁的组件: 文本框.单选框.多选框.下拉框.文本域form通过getValues()获取表单中所有name的值 通过setValues({key:values})给对应的name值进行赋值,其中key对应的name值 在给单选框和多选框赋值时,有几个疑惑的地方: 1. fieldName和name 是否必须一致 ? (fieldName删除对结果没什么影响,表单是通过name值去获取值得) 2. name与子项的name 也一致是为何?      (个人理解: 通过getVa