目前RIA项目盛行,JQUERY 的应用也越来越多,
对于一般信息管理系统来说,非常多处理到页面的收发(取值,赋值)操作。
常用的处理方式是,自己定义变量来接受:var val = $("#id").val()..等
如果此类页面多了,非常的不便利,而且不好统一管理。
针对以上问题,自己写了一个,页面收发插件,代码很少,完全可以看得懂,应用到几个项目,确实非常好用,包含Team裡面的其他人员。
如果在程序服务端,做好接受的方法,那就更加方便,比如 JAVA JSON TO CLASS,NET JSON To List,具体我有几个项目都有搭配后台的实例,有需要的可以留言,发送源代码给你(JAVA,.NET 都有)
发布出来的意思是,希望这个插件能确实给你带来帮助,也希望这个插件能够得到更加多的精进
附档包含实例,直接瀏览器打开就可以测试
主明细取值的操作,例子没有实现,不过看看源代码 ,应该自己就会了。
其实最主要的还是要搭配服务端,所以服务端的接口定义好,会非常便捷。
源碼直接看附件:
取值
var data = $("#master").MyForm();
賦值
$("#master").MyForm({ type: "set", query: "[isfield]", data: { Text1: "1111", Text2: "2222", Select: "select_2", CheckBox: "Y", Radio: "3", TextData: "341", TextArea: "ABCDEFG"} });
重置
$("#master").MyForm({ type: "reset", query: "[isfield]" });
表单验证
var data = $("#master").MyForm();
if (data.formcheck) {
alert(JSON.stringify(data));
alert(JSON.stringify(data.data));
}
else
alert(data.message);
分享到:
相关推荐
使用XMLHttpRequest或fetch API,可异步向服务器发送请求,验证用户名或邮箱是否已存在,不离开当前页面,提高用户体验。 六、错误提示与反馈 1. 使用`innerHTML`或`textContent`更新元素内容,显示错误信息。 2. ...
"表单验证插件与Ajax方法提交表单"这个主题,旨在帮助学习者掌握如何高效、智能地处理用户输入,并实现无刷新的数据提交。 表单验证是网页应用中确保用户输入数据有效性和安全性的关键步骤。在HTML表单中,我们通常...
传统的邮箱验证虽然也能起到一定的作用,但随着移动通信的普及,手机号码验证更加便捷且高效。用户在注册时输入手机号,通过发送验证码到手机,用户输入正确的验证码后才能完成注册,有效避免了机器自动注册和虚假...
从提供的文件信息中,我们可以抽取出关于jquery表单验证插件jquery.form.js的知识点,包括其使用方法、功能和相关API介绍等。 首先,jquery.form.js是一个专门用于处理表单的jQuery插件,它提供了简化AJAX表单提交...
4. **安全性考虑**:确保安装的插件来自官方仓库,避免使用未经验证的第三方插件。 总结来说,Jenkins的插件系统是其强大功能的关键。正确地安装和配置插件,可以帮助我们构建高效、可靠的自动化工作流,提高开发...
1. **详细页面图片本地化插件.rar** 这个插件主要用于优化商品详情页的图片展示。它可能允许商家将图片存储在本地服务器上,提高页面加载速度,减少对外部链接的依赖,同时也能更好地保护商家的知识产权。对于用户...
插件应遵循数据最小化原则,只收集必要的信息,并且加密存储,防止数据泄露。同时,要符合GDPR等数据保护法规的要求。 七、后期维护与更新 插件的维护同样重要,随着ECSHOP的升级和新功能的推出,插件也需要及时...
Struts2框架提供了ActionForm和Validator插件等手段来实现表单验证。 5. **JavaScript与JSON**:在Ajax中,JavaScript通常用于处理客户端的逻辑,包括发送Ajax请求、处理服务器返回的数据。JSON(JavaScript Object...
在Rainbond平台中,Fluentd被设计成了一般类型的插件,可以在应用启动时自动随容器一同启动,无侵入地收集业务日志,并将这些日志发送到不同的服务目标。这种设计使得在Rainbond中集成日志收集变得极为简便,同时也...
测试计划可以包含线程组(模拟多个用户)、采样器(用于发送请求)、监听器(记录和显示测试结果)、断言(验证响应)、定时器(控制请求间隔)和配置元素(提供全局设置)。 4. **配置线程组**:线程组定义了模拟...
在WordPress生态系统中,"newsletter"通常指的是用于创建、管理和发送电子邮件订阅新闻简报的插件。而"mymail"是这样一个插件的名称,它为WordPress用户提供了一套全面的邮件营销解决方案。本文将深入探讨WordPress ...
5. **邮件通知**:插件可能还包含邮件通知功能,当用户提交表单时,可以自动发送通知邮件给指定的管理员或者用户。 在压缩包中的文件名"form"、"plug"和"templates",分别代表了插件的核心功能模块: - "form"可能...
4. **非空验证**:为了确保用户必须给出评分,插件可能包含验证机制,防止用户提交空评分。 5. **Ajax提交**:通过Ajax技术,用户评分可以无刷新地发送到后台,保持页面的流畅体验。 ### 三、使用步骤 1. **引入...
Bootstrap的min.js文件提供了JavaScript组件和插件支持,如模态框、下拉菜单等,但在这个登录页面中可能仅用于基本的页面交互。 【标签】"互联网"和"cs"表明此登录页面是与互联网应用和计算机科学相关的,尤其是...
此外,这个项目可能还涉及到一些前端验证,例如,使用`pattern`属性进行简单的输入格式验证,或者利用jQuery的验证插件进行更复杂的逻辑验证。在用户提交表单前,验证所有必填字段,并确保输入的数据符合预设规则。 ...
本项目“gsa-feedback”就是一个利用jQuery插件来实现通过Google表单收集页面反馈的功能。以下将详细讲解这个插件的工作原理、实现方式以及相关知识点。 首先,jQuery插件是扩展jQuery功能的一种方式,开发者可以...
在实际开发中,开发者可以参考这篇博客,学习如何将提供的资源集成到自己的项目中,包括HTML页面的布局、JavaScript代码的编写以及后台服务的设置。 总之,"JavaWeb配合layui的登录系统插件.zip"是一个实用的学习...
例如,如果你有一个包含文本输入、选择框等的表单,`form.js`会自动收集这些值并构造一个适合发送到服务器的数据字符串。 2. **异步提交**: 使用`$.ajax()`或者`$.post()`、`$.get()`等方法可以实现异步提交。`...
【wp-user-frontend-pro-3.7专业前端用户插件】是WordPress平台的一款强大插件,它极大地扩展了网站的用户交互功能,让访客无需登录后端即可完成多种操作。这款插件对于那些希望提升用户体验,特别是需要用户在前端...