当前位置: 代码迷 >> Ajax >> ExtJs的formPanel有关问题
  详细解决方案

ExtJs的formPanel有关问题

热度:430   发布时间:2012-02-09 18:22:27.0
ExtJs的formPanel问题 - Web 开发 / Ajax
ExtJs中的form我不怎么会用。我想大家能不能帮我写个简单的例子。
例子很简单:
  就是一个formpanel 进行登录用的
  用户名
  密码
  验证码 (输入框后面是验证码的图片 你随便插张图片就行)
  提交和取消按钮
现要求:
  用户名 密码 和验证码不能为空,首先给出提示。提交时若为空 alert 禁止提交。
提交的url为test.jsp 在test.jsp中显示输入的用户名和密码即可。


因为我是零基础,希望能给出详细的代码。包括Html和js代码。

------解决方案--------------------
首先你要把你的控件比如,textfield 的属性allowBlank设置为false,
allowBlank:false,
blankText: '请选择员工类别' //为空时显示提示信息

然后
JScript code

if (form.getForm().isValid()){//如果都通过验证
form.form.submit({
          url: 'show.aspx',
          method: 'POST',
          success: function(form, action){
var flag = Ext.util.JSON.decode(action.response.responseText);//后台执行成功后输出{"success":true}失败的话为flase
}
} 
  相关解决方案