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:

 这里要注意的是 button 按钮要放在 在 <form>标签之中. 不然 下面 js 中的  submit事件 无法触发.

js:

        function submitSy(taskAndJzId, node, theKey)
        {
            //去除绑定的事件:
 4             $("#sy"+taskAndJzId).off("submit");

            $("#sy"+taskAndJzId).submit(function(event) {
                /* Act on the event */
                $(this).ajaxSubmit({
                    url:"action.php?c=HTaskProxy&a=submitSy"+"&taskAndJzId="+taskAndJzId+"&theKey="+theKey,
                    type:"POST",
                    dataType: "json",
                    success:function(data){
                        if (data.code == 0) {
                            // base.msg("error", "添加失败");
                            msgPic(0);
                        } else {
                            // base.msg("success", "添加成功");
                            msgPic(1);
                        }

                        // $("#sy"+taskAndJzId).find(".score").html("得分: "+ data.total);
                        // $("#sy"+taskAndJzId).find(".scoreArea").removeClass("hide");
                    }
                });

26                 return false;
            });

        }

注意:

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

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