Form（表单）

使用$.fn.form.defaults重写默认值对象

form提供了各种方法来操作执行表单字段，比如：ajax提交, load, clear等等。当提交表单的时候可以调用validate方法检查表单是否有效。

创建一个简单的HTML表单。构建一个包含id、action和method值的表单元素。

                    

                        

                            Name:
                            
                        
                        

                            Email:
                            
                        
                        ...
                    
                

使普通表单成为ajax提交方式的表单。

                $('#ff').form({
                    url:...,
                    onSubmit: function(){
                        // do some check
                        // return false to prevent submit;
                    },
                    success:function(data){
                        alert(data)
                    }
                });
                // submit the form
                $('#ff').submit();
        

做一个提交操作。

            // call 'submit' method of form plugin to submit the form
                $('#ff').form('submit', {
                    url:...,
                    onSubmit: function(){
                        // do some check
                        // return false to prevent submit;
                    },
                    success:function(data){
                        alert(data)
                    }
                });
        

提交额外的参数。

                $('#ff').form('submit', {
                    url:...,
                    onSubmit: function(param){
                        param.p1 = 'value1';
                        param.p2 = 'value2';
                    }
                });
        

处理提交响应

提交一个ajax表单是非常简单的。用户可以在提交完成后获取响应数据。注意，响应的数据是来自服务器的原始数据。A parse action to the response data is required to get the correct data.

例如，响应数据假设为JSON，一个典型的响应数据格式如下：

                {
                    "success": true,
                    "message": "Message sent successfully."
                }
        

现在在'success'回调函数中处理JSON字符串。

                $('#ff').form('submit', {
                    success: function(data){
                        var data = eval('(' + data + ')');  // change the JSON string to javascript object
                        if (data.success){
                            alert(data.message)
                        }
                    }
                });
        

                                $.messager.progress();	// 显示进度条
                                    $('#ff').form('submit', {
                                        url: ...,
                                    onSubmit: function(){
                                        var isValid = $(this).form('validate');
                                        if (!isValid){
                                            $.messager.progress('close');	// 如果表单是无效的则隐藏进度条
                                        }
                                         return isValid;	// 返回false终止表单提交
                                    },
                                        success: function(){
                                            $.messager.progress('close');	// 如果提交成功则隐藏进度条
                                    }
                                });
                        

                            $('#ff').form('load','get_data.php');	// 读取表单的URL
                            $('#ff').form('load',{
                                name:'name2',
                                email:'mymail@gmail.com',
                                subject:'subject2',
                                message:'message2',
                                language:5
                            });