input ,button, textarea 1)使用disabled , 2) 显示值, 3) 表单提交. 4) jquery.form.js ajaxSubmit() 无刷新ajax提交表单.

1.使用disabled

input , button  textarea 可以 被 禁用,

禁用的效果 : 1) 上面的点击事件无法使用

---

button       : 下面的 onclick属性 不能使用了.

-------------------------

input:

------------------------------

textarea

2. input, textaere 显示 原先 填充的值;

input:  写在 value属性上.

--------------------------------------

textarea:  没有value属性.         <textarea>写在这里</textarea>

3使用了 disabled 的 input, textarea 提交的时候 ,没有 这个被 disabled 选项.

上面 的 input + textarea 总共是 59个,

其中只有  审核 57  是没有被禁用的.

看看提交的 结果:

4. jquery.form.js  的 ajaxSubmit 提交.

html:

js:

 1         function submitSy(taskAndJzId, node, theKey)
 2         {
 3             //去除绑定的事件:
 4             $("#sy"+taskAndJzId).off("submit");
 5
 6             $("#sy"+taskAndJzId).submit(function(event) {
 7                 /* Act on the event */
 8                 $(this).ajaxSubmit({
 9                     url:"action.php?c=HTaskProxy&a=submitSy"+"&taskAndJzId="+taskAndJzId+"&theKey="+theKey,
10                     type:"POST",
11                     dataType: "json",
12                     success:function(data){
13                         if (data.code == 0) {
14                             // base.msg("error", "添加失败");
15                             msgPic(0);
16                         } else {
17                             // base.msg("success", "添加成功");
18                             msgPic(1);
19                         }
20
21                         // $("#sy"+taskAndJzId).find(".score").html("得分: "+ data.total);
22                         // $("#sy"+taskAndJzId).find(".scoreArea").removeClass("hide");
23                     }
24                 });
25
26                 return false;
27             });
28
29         }

注意:

  第4行 去除 之前的绑定的 submit事件,

  第26行 , 阻止表单的 默认动作.

时间: 2024-10-09 21:20:59

input ,button, textarea 1)使用disabled , 2) 显示值, 3) 表单提交. 4) jquery.form.js ajaxSubmit() 无刷新ajax提交表单.的相关文章

jquery.form.js提交 input file中的文件

现今的主流浏览器由于ajax提交form表单无法把文件类型数据提交到后台,供后台处理,可是开发中由于某些原因又不得不用ajax提交文件,解决方案: 下面说说 jquery.form.min.js 插件,它是一款优秀的Ajax表单插件,我们可以非常容易的使用它处理表单控件的值,清空和复位表单控件,附件上传,以及完成Ajax表单提交.jquery.form.min.js 有两个核心方法ajaxForm()和ajaxSubmit(),下面以实例来简单说明其提交file文件方式: <!-- Modal:

将input或textarea设置为disabled的样式问题

input:disabled{ -webkit-text-fill-color: #333;//是用来做填充色使用的 -webkit-opacity: 1; color: #333; } textarea:diabled 同样适用 看到有人用这个实现了这个效果 .cont1{ font-size: 40px; -webkit-text-fill-color: transparent;//里面是透明色 -webkit-text-stroke: 1px #0094fc; //外面描线的样式 }

jquery ajax 提交表单(file &amp;&amp; input)

用到的插件 jquery.js jquery.form.js[http://malsup.github.io/jquery.form.js] 提交页面 <form enctype="multipart/form-data" id="onlineservice_leave_message_form"> <div class="cls"> <label for="mail"> <span

转JS--通过按钮直接把input或者textarea里的值复制到粘贴板里

document.activeElement属性为HTML 5中新增的document对象的一个属性,该属性用于返回光标所在元素.当光标未落在页面中任何元素内时,属性值返回body元素. setSelectionRange(start, end) 设置选中文本起始位置与结束位置 execCommand方法是执行一个对当前文档,当前选择或者给出范围的命令     点击按钮复制textarea文本框中内容 <script type="text/javascript"> func

取消chrome浏览器下input和textarea的默认样式

最近一个细节引起了我的注意,chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动放大,这是不能容忍的,影响美观不说,有时候拖动textarea还会使页面布局错乱,所以决定重置这些样式. 看代码: 取消chrome下input和textarea的聚焦边框: input,button,select,textarea{outline:none} 取消chrome下textarea可拖动放大: textarea{resize:none} 最

取消chrome下input和textarea的聚焦边框

取消chrome下input和textarea的聚焦边框 2011-12-13 15:48:42|  分类: css兼容问题|举报|字号 订阅 取消chrome下input和textarea的聚焦边框: input,button,select,textarea{outline:none} 取消chrome下textarea可拖动放大: textarea{resize:none} 最后,写在一起,重置input和textarea的默认样式: input,button,select,textarea

HTML中button和input button的区别

button和input button的区别 一句话概括主题:<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加强大. HTML 4.01规范的Forms部分指 名表单有以下几种控制类型:buttons, checkboxes, radio buttons, menus, text input, file select, hidden controls, object controls. 其中除了button

去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景

本文主要核心内容为:去掉chrome(谷歌)浏览器默认的input.textarea的边框(border)和背景(background) 及chrome下不可更改textarea大小,感兴趣的朋友可以了解下 去掉chrome(谷歌)浏览器默认的input.textarea的边框(border)和背景(background) 及chrome下不可更改textarea大小 1.使用Chrome的都知道,当鼠标焦点在input.textarea这些元素上时,Chrome默认的会给它们加上黄色的边框,我

解决Firefox下input button内文字垂直居中

众所周知,在Firefox下input type=”button”的文字是不好居中的,原因在于Firefox自己比较二,弄了个私有属性,导致以下问题的出现: 按钮左右本身有2px的间距(FF私有属性写了padding:0 2px所致): 按钮文字居中是不行的(此时设置padding-bottom是没用的) : 等等… 1 input[type="reset"]::-moz-focus-inner, 2 input[type="button"]::-moz-focus