提交表单3方式

第一种:

   function login(){ 
     formServer.form.submit();//提交   
   }
  function reset(){ 
           formServer.form.reset();//取消
         }  

var formServer=new Ext.FormPanel({ 
   frame:true, 
   width:300, 
   monitorValid:true,//绑定验证 
   layout:"form", 
   labelWidth:70, 
   title:"添加个人信息", 
   labelAlign:"left", 
   renderTo:"formServer", 
   submit: function(){ 
    this.getEl().dom.action = 'human.do?method=saveHuman', 
    this.getEl().dom.method='POST',
    this.getEl().dom.submit(); 
   }, 
   items:[
    { 
    xtype:"textfield", 
    fieldLabel:"用户名", 
       //id:"UserName",
       allowBlank:false, 
       blankText:"不能为空,请正确填写", 
       name:"UserName",
       anchor:"90%" 
       },
    { 
     xtype:"textfield", 
     fieldLabel:"昵称", 
     //id:"SmallName", 
     name:"SmallName", 
     anchor:"90%" 
     },
     { 
     xtype:"datefield", 
     fieldLabel:"注册日期", 
     //id:"RegDate", 
     name:"RegDate", 
     anchor:"90%" 
     }],
    buttons:[
      {
       text:"确定",
       handler:login,
       formBind:true
      },
         {
         text:"取消",
         handler:reset
         }]   
     });

第二种:

   function login() 
   {  
                  this.disabled = true;  // 登录时将登录按钮设为disabled,防止重复提交  
                  formServer.form.doAction('submit', {  //第一个参数可以为submit和load  
                      url : 'human.do?method=saveHuman',  
                      method : 'post',    
                      params : '', // 如果有表单以外的其它参数,可以加在这里。我这里暂时为空,也可以将下面这句省略 
                      // 第一个参数是传入该表单,第二个是Ext.form.Action对象用来取得服务器端传过来的json数据  
                      success : function(form, action) {  
                             Ext.Msg.alert('操作','操作成功!');  
                             this.disabled = false; 
                         },  
                      failure : function(form, action) {  
                             Ext.Msg.alert('警告', '用户名或密码错误!');  
                              // 登录失败,将提交按钮重新设为可操作  
                              this.disabled = false;  
                          }  
                      });  
                  this.disabled = false;  
          }

第三种:

           Ext.Ajax.request({                                   
                        url: 'login.do',  //请求地址
                       //提交参数组  
                        params: {  
                           LoginName:Ext.get('LoginName').dom.value,  
                           LoginPassword:Ext.get('LoginPassword').dom.value  
                       },  
                        //成功时回调  
                       success: function(response, options) {  
                         //获取响应的json字符串  
                         var responseArray = Ext.util.JSON.decode(response.responseText);                                                
                              if(responseArray.success==true){  
                                  Ext.Msg.alert('恭喜','您已成功登录!');      
                              }  
                              else{  
                                 Ext.Msg.alert('失败','登录失败,请重新登录');      
                              }  
                      }  
             }); 

原文来自ITeye博客。

posted @ 2013-01-02 07:37  矢风快乐  阅读(117)  评论(0)    收藏  举报