个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我正在 extjs 中做项目。我正在设计带有验证码检查的注册表单。我没有找到任何可以直接在 extjs 中执行验证码的东西。所以我尝试使用 javascript 创建验证码代码，并希望将此 javascript 验证码集成到 extjs 中。我有 javascript 验证码作为-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>BotBoot</title>
<script type="text/javascript">
var a = Math.ceil(Math.random() * 10);
var b = Math.ceil(Math.random() * 10);
var c = a + b
function DrawBotBoot()
{
document.write("What is "+ a + " + " + b +"? ");
document.write("<input id='BotBootInput' type='text' maxlength='2' size='2'/>");
}
function ValidBotBoot(){
var d = document.getElementById('BotBootInput').value;
if (d == c) return true;
return false;
}
</script>
</head>
<body>
Are you human?<br />
<script type="text/javascript">DrawBotBoot()</script>
<input id="Button1" type="button" value="Check" onclick="alert(ValidBotBoot());"/>
</body>
</html>
为了将此 javascript 集成到 extjs 中，我创建了单独的 Captcha.js 文件作为=
Ext.define('Balaee.view.sn.user.Captcha', {
extend: 'Ext.container.Container',
alias: 'widget.captcha',
initComponent: function(config){
this.a = Math.ceil(Math.random() * 10);
this.b = Math.ceil(Math.random() * 10);
this.c = this.a + this.b;
},
DrawBotBoot: function(){
},
ValidBotBoot: function(){
}
});
为了将其包含在我的注册表中，我正在使用- 项目:[ { xtype:'验证码',
}]
但是我没有得到任何输出。那么如何将javascript函数DrawBotBoot和ValidBotBoot改为extjs呢？我还需要做哪些更改才能在我的注册表中获得此验证码？我对 extjs 很陌生。有人可以帮助我吗？
最佳答案
好吧，我已经为你编写了代码。没有测试过，但应该可以工作:)
Ext.define('Balaee.view.sn.user.Captcha', {
extend: 'Ext.container.Container',
alias: 'widget.captcha',
renderTo: Ext.getBody(),
initComponent: function(config){
var me = this;
me.inputField = Ext.create('Ext.form.field.Text',{
name: 'BotBootInput',
fieldLabel: 'BotBootInput'
});
me.checkButton = Ext.create('Ext.Button', {
text: 'Check',
handler: function(btn){
alert(me.ValidBotBoot());
}
});
me.DrawBotBoot();
Ext.apply(me, {
items: [me.inputField, me.checkButton]
});
me.callParent(arguments);
},
DrawBotBoot: function(){
this.a = Math.ceil(Math.random() * 10);
this.b = Math.ceil(Math.random() * 10);
this.c = this.a + this.b;
this.inputField.fieldLabel = "What is "+ this.a + " + " + this.b +"?");
},
ValidBotBoot: function(){
var d = this.inputField.getValue();
if (d === this.c){
return true;
} else {
return false;
}
}
});
//instantiate
var captcha = Ext.widget('captcha');
//to renew the captcha use captcha.DrawBotBoot
关于javascript - 如何修改 javascript captch 以在 extjs 中使用它，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14254833/
24
4
0
我正在 extjs 中做项目。我正在设计带有验证码检查的注册表单。我没有找到任何可以直接在 extjs 中执行验证码的东西。所以我尝试使用 javascript 创建验证码代码，并希望将此 javas
我是一名优秀的程序员,十分优秀！