jQuery plugin de forma EasyUI - Formulario Formulario

uso

Crear un formulario HTML simple. Construir un formulario y dar a la identificación, la acción, las asignaciones de método.

<Form id = método de "FF" = "post">
    <Div>
		<Label for = "nombre"> Nombre: </ label>
		<= Tipo de entrada de clase "easyui-validatebox" = "text" name = "nombre" de datos-options = "required: true" />
    </ Div>
    <Div>
		<Label for = "email"> e-mail: </ label>
		<input class = "easyui-validatebox" type = "text" name = "email" de datos-options = "validType: 'e-mail'" />
    </ Div>
    ...
</ Form>

Dejar que la forma (forma) se convierten en el envío de formularios Ajax (forma)

$ ( '# FF'). Form ({
    url: ...,
    onSubmit: function () {
		// Hacer algún tipo de control
		// Devuelve false para evitar que presenten;
    },
    el éxito: function (datos) {
		alerta (datos)
    }
});
// Envía el formulario
. $ ( '# FF') que presente ();

Hacer una acción de presentación

// Llamada "enviar" método de la forma plugin para enviar el formulario
$ ( '# FF'). Forma ( 'submit', {
    url: ...,
    onSubmit: function () {
		// Hacer algún tipo de control
		// Devuelve false para evitar que presenten;
    },
    el éxito: function (datos) {
		alerta (datos)
    }
});

Al enviar parámetros adicionales

$ ( '# FF'). Forma ( 'submit', {
    url: ...,
    onSubmit: function (param) {
		param.p1 = 'valor1';
		param.p2 = 'valor2';
    }
});

Presentar Procesamiento de la Respuesta

Enviar un formulario ajax (forma) es muy simple. Al presentar un usuario puede obtener completado los datos de respuesta. Tenga en cuenta que los datos de respuesta es los datos en bruto desde el servidor. Los datos analíticos para la acción de respuesta que solicitan los datos correctos.

Por ejemplo, supongamos que la respuesta es formato de datos JSON, un conjunto de datos de respuesta típicos son los siguientes:

{
    El "éxito": true,
    "Mensaje": "Mensaje enviado con éxito."
}

Ahora se ocupa de cadena llamada de retorno "éxito" JSON.

$ ( '# FF'). Forma ( 'submit', {
    el éxito: function (datos) {
		var data = eval ( '(' + datos + ')'); // cambiar la cadena JSON al objeto javascript
		si (data.success) {
			alerta (data.message)
		}
    }
});

propiedad

evento

camino

$.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
});