`

表单提交前内容的js处理

阅读更多
  • 说明:

    经常使用ajax提交表单,无论是get还是post方法,其内容都有部分特殊字符需要转义或处理

  • 原理:

    如果是get方法,则是要对内容进行转码和转义,如果是post方法,则只要对其内容进行特殊内容转义,可写一公共方法通用处理后提交。特殊字符转义包括 | + %2B | 空格 %20 | / %2F | ? %3F | % %25 | # %23 | & %26 | = %3D |

  • 实现:

    js:

    function encodeContent(data){
    	return encodeURI(data).replace(/&/g,'%26').replace(/\+/g,'%2B').replace(/\s/g,'%20').replace(/#/g,'%23');
    }
     
    除空格,加号,#号外,别的字符已经在加密时转义过了

看到了大家的回复,看来这个贴子写的是很不得人心,要不就不知我所云,要不就认为我这是一个找鄙视的文章.

解释一下:我所写的文章都是我在开发中所遇到的问题,无论可能性在别的地方如何,但它就在我的项目里出现了.有的问题看起来是有点普通和浅薄,但那都是我一步一步走出来的脚印.


再来说说这个贴子所想表达的意思, 1. js 是已经提供了encodeURI 和 encodeURIComponent 方法, 2.这两个方法都不适合在我项目中使用,我所使用的框架是ofbiz,他的页面渲染方式是把所调动的页面内容包括js的内容都时行了html转义, 在项目页面的编码中,encodeURIComponent方法会将别的一些符号给转义了,比如分号,左斜杠等,但我项目里不能让他们转义,(为什么?短话里说不清,这是项目和框架的问题,就是在我的项目里出现了),所以我要有我自己的转义方法,思路就是,先不对符号进行转义,再对部分特殊符号转义,就这么简单,我个人认为这种做法已经可以代替encodeURIComponent并能在我项目里被兼容.

分享到:
评论
3 楼 明天的昨天 2010-07-10  
encodeURIComponent()  ????
2 楼 Terence.Gao 2010-07-09  
无语...
多此一举...
JavaScript水平不行吧?
有个基本的转换函数难道你不知道?
1 楼 smildlzj 2010-07-05  
LZ为了说明什么??

相关推荐

    Js 表单提交验证函数(很全了)

    在JavaScript中,表单提交验证是确保用户输入的数据符合预设规则的重要环节,这有助于防止无效数据的提交,提升用户体验,以及保护服务器免受恶意数据的冲击。本篇将详细介绍JavaScript表单验证函数的一些关键知识点...

    javascript弹出层表单提交代码

    综上所述,实现"javascript弹出层表单提交代码"涉及到了JavaScript的基础知识,如DOM操作、事件处理、异步通信,以及一些高级技巧,如使用第三方库提高开发效率。同时,良好的用户体验和数据验证也是不可忽视的部分...

    js提交表单及js表单验证

    本文将详细解释如何使用JavaScript进行表单提交以及表单验证,并通过具体的示例代码来展示各种常见验证方法。 #### 一、基本概念 表单验证是指在用户提交表单前对用户输入的数据进行检查的过程,以确保数据的有效...

    javascript方式防止表单重复提交

    // 阻止默认的表单提交行为 var submitButton = document.getElementById('submitButton'); if (!submitButton.disabled) { submitButton.disabled = true; // 提交表单的逻辑 } }); ``` 2. **使用一次性...

    js提交表单的三种方式

    这里我们将详细探讨三种主要的表单提交方式:默认的HTML表单提交、JavaScript事件处理以及Ajax异步提交。 1. **默认HTML表单提交** 当用户点击`<form>`元素内的`<input type="submit">`或`<button type="submit">`...

    批量提交表单JS

    它扩展了jQuery的核心功能,添加了对AJAX(Asynchronous JavaScript and XML)表单提交的支持。虽然现在XML在实际应用中已经不常用,但“AJAX”这个术语仍然保留,指的是通过异步方式与服务器交换数据并更新部分网页...

    表单验证js 提交前验证

    返回值为`false`会阻止表单提交。 3. **配置验证规则**:每个表单字段可能需要设置不同的验证规则,可以通过类名或数据属性来指定。 4. **错误提示**:当验证失败时,如何显示错误信息,可能是通过改变元素样式或...

    js实现定时提交表单

    JavaScript(简称JS)是一种轻量级的脚本语言,常用于网页和网络应用开发,能够对用户交互进行实时响应。在在线考试系统中,定时提交表单是一个关键功能,它确保考生在规定时间结束后自动提交试卷,防止作弊并保证...

    pdf表单提交-服务端接收处理显示.zip

    PDF表单提交是一种常见的数据交互方式,特别是在企业级应用中,用于收集用户填写的数据并将其发送至服务端进行处理和存储。在这个“pdf表单提交-服务端接收处理显示.zip”压缩包中,包含了实现这一功能的相关资料。...

    防止用户表单重复提交处理

    例如,可以添加一个事件监听器,在表单提交时更改按钮的disabled属性。 ```javascript document.getElementById('submitBtn').addEventListener('click', function(e) { e.preventDefault(); // 阻止默认的表单提交...

    登陆界面表单提交js特效.zip

    本文将深入探讨“登陆界面表单提交js特效”这一主题,包括其功能、实现方式以及如何进行自定义验证。 首先,登录界面是任何Web应用程序的重要组成部分,它确保了用户的安全性。在这个特定的案例中,“登陆界面表单...

    jquery_form_js 表单提交自定义源码

    在Web开发中,表单提交是不可或缺的一部分,而jQuery Form插件为开发者提供了一种简单、高效的处理表单提交方式。本文将深入探讨"jquery_form_js"项目,通过分析其核心文件`jquery.form.js`的源码,来揭示jQuery ...

    弹出层表单提交数据完美解决

    在网页设计和开发中,用户交互的一个常见场景是...通过合理的HTML结构、CSS样式和JavaScript交互,我们可以创建出用户友好且安全的弹出层表单提交系统。在实际开发中,不断优化和测试,确保满足不同场景和用户需求。

    简单的表单提交代码

    3. **JavaScript处理表单** 提供的js文件很可能是用来处理表单事件,如验证用户输入、阻止默认提交行为或自定义提交逻辑。常见的JavaScript表单事件有`onsubmit`、`onchange`、`onclick`等。例如,可以使用`event....

    HTML5手机身份证上传表单提交代码.zip

    综上所述,HTML5手机身份证上传表单提交代码是一个结合了HTML5新特性的综合性应用,涵盖了文件操作、数据传输、图像处理、前端验证和用户体验等多个方面。通过合理的设计和实现,可以为用户提供便捷、安全的身份证...

    防止Layui form表单重复提交的实现方法

    在使用Layui设计表单时,经常会遇到表单提交后页面刷新导致的重复提交问题。为了解决这个问题,开发者需要确保表单只提交一次,防止不必要的数据重复处理或者服务器的重复计算。下面详细解释几种防止Layui表单重复...

    asp.net mvc3 表单提交和异步提交

    比如,当用户填写表单并点击提交时,JavaScript会捕获这个事件,阻止默认的表单提交行为,然后发送一个Ajax请求到服务器。这个请求通常通过JSON格式传输数据,服务器端的Action方法处理这些数据,完成后返回JSON或...

    二维数组表单提交

    总结起来,这个项目涉及到的主要知识点包括:二维数组的使用、JQuery进行DOM操作、递归处理数据结构以及使用Ajax提交表单数据。这些技术在Web开发中非常常见,特别是对于需要处理用户输入和动态数据的交互式应用程序...

    js表单验证大全,js提交表单

    - `用JS控制表单提交`: 展示如何使用JavaScript控制表单的异步提交过程。 - `javascript提交表单__超超聊事.files`: 可能是一份关于JavaScript表单提交技术的详细讲解资料。 7. **最佳实践** - 提供即时反馈:...

    ExtJs4.0 表单提交Demo

    总结,"ExtJs4.0 表单提交Demo"旨在展示如何在ExtJs 4.0环境中优雅地处理表单数据提交,同时遵循良好的软件设计原则,将显示层和控制层分离。通过理解和实践这个Demo,开发者能够更好地掌握ExtJs 4.0的表单和Ajax...

Global site tag (gtag.js) - Google Analytics