看看该死的jquery.form.js的用法,不是个东西

    $("#btnReg").click(function () {

        var options = {
            //target: ‘#output‘,    // 把服务器返回的内容放入id为output的元素中
            beforeSubmit: showRequest,    // 提交前的回调函数
            success: showResponse,    // 提交后的回调函数
            url: config.handles.form,    //默认是form的action,如果申明,则会覆盖
            type: "post",    // 默认值是form的method("GET" or "POST"),如果声明,则会覆盖
            dataType: "json",    // html(默认)、xml、script、json接受服务器端返回的类型
            // clearForm : true,    // 成功提交后,清除所有表单元素的值
            // resetForm : true,    // 成功提交后,重置所有表单元素的值
            timeout: 3000    // 限制请求的时间,当请求大于3秒后,跳出请求
        }
        function showRequest(formData, jqForm, options) {
            // formData: 数组对象,提交表单时,form插件会以ajax方式自动提交这些数据,格式如[{name:user,value:val},{name:pwd,value:pwd}]
            // jqForm: jQuery对象,封装了表单的元素
            // options: options对象
            //var queryString = $.param(formData); // name=1&address=2
            //var formElement = jqForm[0]; // 将jqForm转换为DOM对象
            //var address = formElement.address.value; // 访问jqForm的DOM元素
            return true; // 只要不返回false,表单都会提交,在这里可以对表单元素进行验证
        }
        function showResponse(responseText, statusText) {
            console.log(responseText);
            if (!responseText.success) {
                alert(responseText.message);
            }
            else {
                alert(responseText.message);//注册成功
            }
        }

        $("#form1").ajaxForm(options);
    });
时间: 2024-10-13 21:48:27

看看该死的jquery.form.js的用法,不是个东西的相关文章

jQuery.Form.js 的用法

jQuery.Form.js 插件的作用是实现Ajax提交表单. 方法: 1.formSerilize() 用于序列化表单中的数据,并将其自动整理成适合AJAX异步请求的URL地址格式. 2.clearForm() 清除表单中所有输入值的内容. 3.restForm 重置表单中所有的字段内容.即将所有表单中的字段恢复到页面加载时的默认值. 疑问:ajaxForm()与ajaxSubmit()的区别: 答案:$("#form1").ajaxForm(); 相当于以下两行: $("

jquery.form.js用法之清空form的方法

本段代码摘取自jquery.form.js中,由于觉得该方法的使用性非常强,同时也可独立拿出来使用.该段代码言简意赅可以很好的作为学习参考. /** * Clears the form data. Takes the following actions on the form's input fields: * - input text fields will have their 'value' property set to the empty string * - select eleme

jQuery表单插件jquery.form.js

概述 jQuery Form Plugin能够让你简洁的将以HTML形式提交的表单升级成采用AJAX技术提交的表单. 插件里面主要的方法, ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程. 两个方法都支持众多的可选参数,能够让你对表单里数据的提交做到完全的控制. 入门指导 一.在你的页面里写一个表单.一个普通的表单,不需要任何特殊的标记: <form id="myForm" action="login.action&quo

jQuery.form.js jQuery ajax异步提交form

jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传. 官网下载地址:http://plugins.jquery.com/form/ API ajaxForm 增加所有需要的事件监听器,为ajax提交表单做准备.ajaxForm并不能提交表单.在document的ready函数中,使用ajaxForm来为ajax提交表单进行准备. 接受0个或1个参数.参数可以是一个回调函数,也可以是一个Options对象. $("#formid").ajaxForm(

jQuery.form.js使用

jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传. 下载地址 百度云:http://pan.baidu.com/s/1eQoYE46 360云:http://yunpan.cn/Qi7B5wdiewUMP  访问密码 06b6 微云:http://url.cn/QMQ79w 1 <!DOCTYPE html> 2 3 <html> 4 <head> 5 <meta name="viewport" conte

jQuery插件 -- Form表单插件jquery.form.js

jquery.form.js官网 jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit(), 它们集合了从控制表单元素到决定如何管理提交进程的功能.另外,插件还包括其他的一些方法: formToArray().formSerialize().fieldSerialize().fieldValue().clearForm(). clearFields

jquery.form.js 实现异步上传

前台: <form id="formSeacrh" action="/ResumeInfo/uploadFile" method="post" enctype="multipart/form-data"> <div class="form-horizontal"> <div class="form-group" style="height:100p

jquery.form.js实现异步上传

前台页面 1 @{ 2 Layout = null; 3 } 4 <!DOCTYPE html> 5 <html> 6 <head> 7 <meta name="viewport" content="width=device-width" /> 8 <script src="~/Scripts/jquery-1.7.2.min.js"></script> 9 <scri

jquery.cycle.js简单用法实例

样式: a{text-decoration: none;} *{margin:0; padding:0;} /*容器设置*/ .player { width:216px; height:248px; background:url(http://i2.itc.cn/20120117/2cc0_da8f6c82_c8da_693d_7714_9533a013006a_3.jpg) no-repeat; background-color:#ede1d1; position:relative; padd