天天看点
返回

EXT带验证码+j2ee后台登陆

搴熻瘽涓嶅璇翠簡锛屽彧甯屾湜鑳藉府鍔╅偅浜涘垵瀛XT鐨勪汉锛屾湰浜轰篃鏄垵瀛﹁€呫€傛垜涓婁紶浜嗕緥瀛愬ぇ瀹跺彲浠ヤ笅杞?

login.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gbk">

<link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css" target="_blank" rel="external nofollow" />

<link rel="stylesheet" type="text/css" href="../css/examples.css" target="_blank" rel="external nofollow" />

<link rel="stylesheet" type="text/css" href="../css/forms.css" target="_blank" rel="external nofollow" />

<script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>

<script type="text/javascript" src="../ext/ext-all.js"></script>

<script type="text/javascript" src="../js/test.js"></script>

<title>鐢ㄦ埛鐧诲綍</title>

</head>

<body>

<div id="form-ct" >

</div>

</body>

</html>

聽

聽

test.js:

function newcode(){

聽var verify = document.getElementById('safecode');

聽聽聽 verify.setAttribute('src', '/EXT_Demo/RegisterCode?' + Math.random());

}

Ext.onReady(function(){

聽聽聽 Ext.QuickTips.init();

聽聽聽 Ext.form.Field.prototype.msgTarget = 'side';

聽聽聽 var fs = new Ext.FormPanel({

聽聽聽聽聽聽聽 frame: true,

聽聽聽聽聽聽聽 title:'鐢ㄦ埛鐧诲綍',

聽聽聽聽聽聽聽 labelAlign: 'right',

聽聽聽聽聽聽聽 collapsible: true,

聽聽聽聽聽聽聽 labelWidth: 85,

聽聽聽聽聽聽聽 width:340,

聽聽聽聽聽聽聽 waitMsgTarget: true,

聽聽items: [

聽聽聽聽聽聽聽聽聽聽聽 new Ext.form.FieldSet({

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 title: '鐧诲綍淇℃伅',

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 autoHeight: true,

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 defaultType: 'textfield',

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 items: [ {

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 fieldLabel: '鐢ㄦ埛甯愬彿',

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 name: 'username',

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 minLength: 4,

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 maxLength: 12,

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 allowBlank:false,

聽聽聽聽聽聽聽聽聽聽聽 blankText:'涓嶈兘涓虹┖',

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 width:190

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 }, {

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 fieldLabel: '鐢ㄦ埛瀵嗙爜',

聽聽聽聽聽聽聽聽聽聽聽 name: 'pwd',

聽聽聽聽聽聽聽聽聽聽聽 minLength: 4,

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 maxLength: 12,

聽聽聽聽聽聽聽聽聽聽聽 inputType: 'password',

聽聽聽聽聽聽聽聽聽聽聽 allowBlank:false,

聽聽聽聽聽聽聽聽聽聽聽 blankText:'涓嶈兘涓虹┖',

聽聽聽聽聽聽聽聽聽聽聽 width:190

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 },{

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 name: 'code',

聽聽聽聽聽聽聽聽聽聽聽聽 fieldLabel: '楠岃瘉鐮?,

聽聽聽聽聽聽聽聽聽聽聽聽 maxLength: 5,

聽聽聽聽聽聽聽聽聽聽聽聽 minLength: 5,

聽聽聽聽聽聽 width: 100,聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽

聽聽聽聽聽聽聽聽聽 allowBlank:false,聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽

聽聽聽聽聽聽聽聽聽 blankText:'楠岃瘉鐮佷笉鑳戒负绌?'聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽

聽聽聽聽聽}]

聽聽聽聽聽聽聽聽聽聽聽 })

聽聽聽聽聽聽聽 ]

聽聽聽聽聽聽聽

聽聽聽 });

聽聽聽 // simple button add

聽 var reset = fs.addButton(

聽聽 聽聽{

聽聽 聽聽聽text:'閲嶇疆',

聽聽 聽聽聽disabled:false

聽聽 聽聽}

聽聽 );

聽聽聽 // explicit add

聽聽聽 var submit = fs.addButton({

聽聽聽聽聽聽聽 text: '鎻愪氦',

聽聽聽聽聽聽聽 disabled:false,

聽聽聽聽聽聽聽 handler: function(){

聽聽聽聽聽聽聽聽 if(fs.getForm().isValid()){

聽聽聽聽聽聽聽聽 聽Ext.Ajax.request({

聽聽聽聽聽聽聽聽 聽聽聽

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 //璇锋眰鍦板潃聽

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 url: '/EXT_Demo/CheckLoginServlet',聽

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 //鎻愪氦鍙傛暟缁劼?

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 params: {聽

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 username:Ext.get('username').dom.value,聽

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 pwd:Ext.get('pwd').dom.value ,

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 code:Ext.get('code').dom.value聽

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 },聽

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 //鎴愬姛鏃跺洖璋兟?

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 success: function(response, options) {聽聽

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 var res = response.responseText;聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 if(res.indexOf("1") != -1){

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 fs.getForm().getEl().dom.action='/EXT_Demo/LoginServlet';

聽聽聽聽聽 聽聽聽聽聽聽聽聽聽 fs.getForm().getEl().dom.submit();聽聽聽聽聽

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 }else if(res.indexOf("2") != -1){聽

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 Ext.Msg.alert('澶辫触','鐧诲綍澶辫触锛岃鏌ョ湅楠岃瘉鐮佹槸鍚︽纭紒');

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 }else{

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 聽聽 Ext.Msg.alert('澶辫触','鐧诲綍澶辫触锛岃鏌ョ湅甯愬彿鎴栧瘑鐮佹槸鍚﹂敊璇紒');

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 }聽

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 }

聽聽聽聽聽聽聽聽聽聽聽聽聽 });聽

聽聽聽聽聽聽聽聽 }

聽聽}聽

聽聽聽 });

聽聽聽

聽聽聽聽 reset.on('click',function(){

聽聽fs.getForm().reset(); 聽

聽聽聽聽 });

聽

聽聽聽 fs.render('form-ct');

聽聽聽 var bd = Ext.getDom('code');

聽聽聽 var bd2 = Ext.get(bd.parentNode);

聽聽聽 bd2.createChild([{

聽聽聽聽聽聽聽 tag: 'span',

聽聽聽聽聽聽聽 html: '<a href="javascript:newcode();" target="_blank" rel="external nofollow" >',

聽聽聽聽聽聽聽 style:'padding-left:20px'

聽聽聽 }, {

聽聽聽聽聽聽聽 tag: 'img',

聽聽聽聽聽聽聽 id: 'safecode',

聽聽聽聽聽聽聽 src: '/EXT_Demo/RegisterCode',

聽聽聽聽聽聽聽 align: 'absbottom'

聽聽聽 }]);

});

聽

EXT css javascript ajax html
上一篇: J2EE与ajax关系
下一篇: J2EE—反射

继续阅读