jquery 构造函数在表单提交过程中修改数据

 　　这篇文章主要介绍了jquery 构造函数在表单提交过程中修改数据的方法，十分简单实用，有需要的小伙伴可以参考下。

　　先贴代码

　　?

1
2
3
4
5
6
7

<script type="text/javascript">
function appendText(){
var content = $("#textarea").val();
var new_content = content + "wap";
$("#textarea").attr("value",new_content);
};
</script>

　　然后再在 form 表单进行提交时候

　　?

1

<form onsubmit="appendText();" >

　　然后在后台查看数据美容，就会对应的加上相应的字符

　　以上所述就是本文的全部内容了，希望大家能够喜欢。

时间： 2024-11-18 12:32:46

jquery 构造函数在表单提交过程中修改数据的相关文章

jquery 构造函数在表单提交过程中修改数据_jquery

先贴代码 <script type="text/javascript"> function appendText(){ var content = $("#textarea").val(); var new_content = content + "wap"; $("#textarea").attr("value",new_content); }; </script>  然后再在 f

jquery或js表单提交不了问题分析

form表单提交可以直接使用表单的submit按钮来完成,也可以使用js的方式来提交,只要获取form对象,调用其submit方法即可,往往js的方式可以让提交表单更加灵活.当然使用jquery也可实现提交.如下的代码片段:  代码如下 复制代码 <script> function jsSubmit() {  var frm = document.getElementById('frm');  frm.submit(); } function jquerySubmit() {  $('#frm

简单的jquery无刷新表单提交实例

例子1 HTML文件:  代码如下 复制代码 <!DOCTYPE html> <html> <head>   <script src="/jquery-latest.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body&g

jquery ajax 表单提交被浏览器拦截解决办法

通常jquery的submit表单提交是不会被拦截的,但是用jquery ajax异步提交是会被拒绝的,既然是异步提交造成的问题,那就好解决了,因为jquery ajax方法提供了参数选项: async : (默认: true) 默认设置下,所有请求均为异步请求.如果需要发送同步请求,请将此选项设置为 false.注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行.  代码如下 复制代码     $.ajax({         url : "/member/pay/do_ali

jQuery中验证表单提交方式及序列化表单内容的实现

 之前项目中使用的表单提交方式,使用form()方法可以将提交事件脱离submit按钮,绑定到任何事件中,下面有个不错的示例大家可以参考下 之前项目中使用的表单提交方式    使用form()方法可以将提交事件脱离submit按钮,绑定到任何事件中  代码如下: function addSubmit(){  $('#addForm').form('submit', {  url : _basePath + '/@Controller/@RequestMapping',  onSubmit : f

jquery插件EasyUI中form表单提交实例分享_jquery

之前用AJax给Controller传递参数,然后再调用服务端的方法对数据库进行更改,今天碰到一个新的方法,就是表单的提交,这样可以省去AJax传参. 当表单提交后,我们可以获取表单上控件中的值,然后再调用服务端的方法对数据库进行更改.下面的一张截图是具体的业务需求. 一.要实现的功能:从上面这个表单中,获取控件中的值,然后传递给后台.下面是表单代码. 二.表单代码 <div id="Editwin" class="easyui-window" title=&

jQuery中验证表单提交方式及序列化表单内容的实现_jquery

之前项目中使用的表单提交方式 使用form()方法可以将提交事件脱离submit按钮,绑定到任何事件中 复制代码 代码如下: function addSubmit(){ $('#addForm').form('submit', { url : _basePath + '/@Controller/@RequestMapping', onSubmit : function() { if(boolean){//放置能否提交的判断条件 $.messager.show({ title:'提示',msg:'

EasyUI中在表单提交之前进行验证_jquery

使用EasyUi我们可以在客户端表单提交之前进行验证,过程如下:只需在onSubmit的时候使用return $("#form1").form('validate')方法即可,EasyUi中form模块中的from('validate')方法会自行对我们指定的表单中required=true等需要验证的的元素进行验证,但有不通过的元素时返回一个false; $("#form1").form({ url: 'login.ashx', onSubmit: functio

Jquery Ajax表单提交插件jquery form用法

HTML 首先我们载入jquery库和jquery.form.js插件.jquery.form.js插件的官网地址:http://www.malsup.com/jquery/form/  代码如下 复制代码 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.f