extjs4服务器端验证，如何？

Question

我在extjs中有一个表单，我需要在服务器端做一些验证测试，并返回错误信息 但我不知道如何做到这一点！

我需要验证，如果新添加的IP地址已经存在

我还需要验证，如果它实际上是一个有效的ADRESS（我有一个C＃功能，可以做到这一点）

如果这些条件没关系，它可以被添加。 如果没有，我想显示错误信息给用户说有什么问题

现在，当我打电话给我的保存按钮提交，我做我的C＃这些测试中，我做插入查询之前，但即使如果这些测试的arent确定它还是要说，因为我不知道如何告诉extjs4有错误的形式成功

编辑 这是林试图做的到现在

我的形式提交：

this.up('form').getForm().submit 
({ 
    url: 'AddData.ashx', 
    params: { action: 'addip' }, 
    success: function (form, action) { 
     Ext.MessageBox.show({ title: 'Success !', 
      msg: 'IP added successfully<br />', 
      icon: Ext.MessageBox.INFO, 
      buttons: Ext.MessageBox.OK 
     }); 

     Ext.getCmp('addipform').getForm().reset(); 
    }, 
    failure: function (form, action) { 
     switch (action.failureType) { 
      case Ext.form.action.Action.CLIENT_INVALID: 
       Ext.Msg.alert('Failure', 'Form fields may not be submitted with invalid values'); 
       break; 
      case Ext.form.action.Action.CONNECT_FAILURE: 
       Ext.Msg.alert('Failure', 'Ajax communication failed'); 
       break; 
      case Ext.form.action.Action.SERVER_INVALID: 
       Ext.Msg.alert('Failure', action.result.msg); 
     } 
    } 
}) 

我AddData.ashx里面有一个功能addip（）时动作参数是“addip” 这个函数返回它被调用：

public string addip() 
{ 
    //my queries ... 
    string result = new JavaScriptSerializer().Serialize("{ success:false, errors:{ text:\"The IP already exist!\", ip:\"The is not an IP !\" } }"); 
    return result; 
} 

但没有任何反应！

Answer 1

假设你提交表单到C＃，一旦你进行验证，如果验证那些失败，那么你将不得不输出JSON的格式如下：

{ 
    success:false, 
    errors:{ 
     field1:errorMsg1, 
     field2:errorMsg2 
    } 
} 

这里，field1是要显示错误的窗体中存在的字段的名称。

您必须从服务器端输出此JSON，这是您响应Ajax请求时的方式，它本身会将必填字段标记为无效，并在鼠标悬停字段上显示错误消息。

希望这会有所帮助。

Answer 2

你收到正常运行，请确保您已经拥有了可以起到类似的查询到这些调用网页：

Request: http://localhost/verify.aspx?ip=192.168.0.1 
Response: {success: true, message: "The IP is correct"} //you can pass as much items as you want here 

Request: http://localhost/verify.aspx?ip=127.0.0.1 
Response: {success: false, message: "The IP is already exist!"} 

这听起来很简单吧？在ExtJS的

然后，你可以有这样的代码（请原谅，如果有任何语法错误，还没有测试它尚未）

var w = Ext.create('Ext.window.Window', { 
    width: 300, 
    height: 250, 
    items: Ext.create('Ext.form.Panel', { 
     items: [{ 
      xtype: 'textfield', 
      fieldLabel: 'IP' 
     }] 
    }), 
    buttons: [{ 
     text: 'Save', 
     handler: function() { 
      var ip = w.down('textfield').getValue(); 

      //Some client side validation first 
      //then we submit it 

      //Use Ajax request   
      Ext.Ajax.request({ 
       url: 'http://localhost/verify.aspx?ip='+ip, 
       success: function(r) { 

        //r is the raw response object, we need to parse it 
        var res = Ext.decode(r.responseText, true); 

        //Then here we are. We can check the transaction 
        //status. This is the exact object you passed 
        //in the above Request-Response pair. 
        if (res.success) { 
         //ip is correct. Do your other stuff here 
        }else{ 
         //ip is incorrect. You may want to show the error message 
         alert(res.message); 
        } 

       } 
      }); 
     } 
    }] 
}); 

免责声明：这只是一个简单的例子，我希望它可以帮助:)