jQuery EasyUI forma plugin - Form Form

uso

Criar um formulário HTML simples. Criar uma forma e dar-id, ação, atribuições de método.

<Form id = "ff" method = "post">
    <Div>
		<Label for = "name"> Nome: </ label>
		<Class = Input tipo "easyui-validatebox" = "text" name = "nome" de opções de dados = "necessária: true" />
    </ Div>
    <Div>
		<Label for = "email"> E-mail: </ label>
		<class = "easyui-validatebox" type = "text" name = "email"-opções de dados de entrada = "VALIDTYPE: 'email'" />
    </ Div>
    ...
</ Form>

Deixe a forma (forma) tornam-se ajax envio do formulário (form)

$ ( "# FF '). Form ({
    url: ...,
    onSubmit: function () {
		// Fazer alguma verificação
		// Retorna false para impedir que enviar;
    },
    sucesso: function (data) {
		alert (de dados)
    }
});
// Envie o formulário
. $ ( '# FF') submit ();

Fazer uma ação de submissão

// Chamada "enviar" método de forma plug-in para enviar o formulário
$ ( "# FF '). Form (" enviar ", {
    url: ...,
    onSubmit: function () {
		// Fazer alguma verificação
		// Retorna false para impedir que enviar;
    },
    sucesso: function (data) {
		alert (de dados)
    }
});

Ao enviar parâmetros adicionais

$ ( "# FF '). Form (" enviar ", {
    url: ...,
    onSubmit: function (param) {
		param.p1 = "value1";
		param.p2 = 'value2';
    }
});

Submeta processamento de resposta

Enviar um formulário de ajax (forma) é muito simples. Ao enviar um usuário completou pode obter os dados de resposta. Note-se que os dados de resposta é os dados em bruto a partir do servidor. dados analíticos para ação de resposta solicitando os dados corretos.

Por exemplo, suponha que a resposta é o formato de dados JSON, um conjunto de dados de resposta típicos são os seguintes:

{
    "Sucesso": true,
    "Mensagem": "Mensagem enviada com sucesso."
}

Agora lida com função de retorno JSON string 'sucesso'.

$ ( "# FF '). Form (" enviar ", {
    sucesso: function (data) {
		var data = eval ( '(' dados + + ')'); // alterar a cadeia de JSON para JavaScript Object
		Se (data.success) {
			alert (data.message)
		}
    }
});

propriedade

evento

caminho

$.messager.progress();	// display the progress bar
$('#ff').form('submit', {
	url: ...,
	onSubmit: function(){
		var isValid = $(this).form('validate');
		if (!isValid){
			$.messager.progress('close');	// hide progress bar while the form is invalid
		}
		return isValid;	// return false will stop the form submission
	},
	success: function(){
		$.messager.progress('close');	// hide progress bar while submit successfully
	}
});

$('#ff').form('load','get_data.php');	// load from URL

$('#ff').form('load',{
	name:'name2',
	email:'[email protected]',
	subject:'subject2',
	message:'message2',
	language:5
});