extjs 表单验证 ajax-js进行表单验证的目的是什么：示例代码

ExtJS是一个用于构建富客户端应用程序的JavaScript框架。在ExtJS中，表单是非常常见的组件，用于收集用户输入的数据。而表单验证是一种用于确保用户输入的数据符合指定规则的机制。通过使用Ajax与后端进行交互，可以实现实时的表单验证，即在用户输入数据的即时地对数据进行验证并给出相应的提示信息。

在ExtJS中，表单验证可以通过添加验证规则和错误提示信息来实现。当用户输入数据时，框架会自动根据指定的验证规则对数据进行验证，并在验证失败时显示错误提示信息。下面是一个示例代码，演示了如何使用ExtJS进行表单验证和实时错误提示：

Ext.application({
    name: 'MyApp',
    launch: function() {
        Ext.create('Ext.form.Panel', {
            title: '表单验证示例',
            width: 300,
            bodyPadding: 10,
            renderTo: Ext.getBody(),
            items: [{
                xtype: 'textfield',
                fieldLabel: '用户名',
                name: 'username',
                allowBlank: false,
                vtype: 'alpha',
                vtypeText: '只能输入字母'
            }, {
                xtype: 'textfield',
                fieldLabel: '密码',
                name: 'password',
                inputType: 'password',
                allowBlank: false,
                minLength: 6,
                minLengthText: '密码长度不能小于6位'
            }],
            buttons: [{
                text: '提交',
                handler: function() {
                    var form = this.up('form').getForm();
                    if (form.isValid()) {
                        form.submit({
                            url: 'validate.php',
                            success: function(form, action) {
                                Ext.Msg.alert('成功', action.result.msg);
                            },
                            failure: function(form, action) {
                                Ext.Msg.alert('失败', action.result.msg);
                            }
                        });
                    }
                }
            }]
        });
    }
});

在上述示例代码中，我们创建了一个表单，并添加了两个文本框用于输入用户名和密码。对于用户名字段，我们使用了`vtype`属性来指定验证规则为`alpha`，即只能输入字母。我们还指定了`vtypeText`属性来设置验证失败时的错误提示信息。对于密码字段，我们使用了`minLength`属性来指定最小长度为6位，并通过`minLengthText`属性设置错误提示信息。

当用户输入数据时，框架会自动根据指定的验证规则对数据进行验证。如果验证失败，框架会显示相应的错误提示信息。在点击提交按钮时，我们通过Ajax将表单数据发送到后端进行验证，并根据验证结果显示相应的提示信息。

通过使用ExtJS的表单验证和Ajax技术，我们可以实现实时的表单验证，提高用户体验，同时确保用户输入的数据符合指定规则。