读书人

jquery对比验证的有关问题

发布时间: 2013-11-21 23:38:25 作者: rapoo

jquery对比验证的问题 急
jquery对比验证的有关问题
如上图所示,如何实现用户每输入一个字符判断是否正确。

<div id="d_spell">
<input id="spell" title="" name="spell" class="input wide" type="text" validateurl="{config.webpath}tools/submit_ajax.ashx?action=validate_username"/>
</div>

我将正确答案通过jquery赋值到title里,如何动态让title里的值与用户输入的值作对比,正确后关闭这个弹出层 jquery JavaScript? C# ASP.NET 验证
[解决办法]
input 绑定一个keyup事件 每次输入都判断
[解决办法]

<script type="text/javascript" src="{config.templateskin}/js/jquery-webox.js"></script>
<script type="text/javascript">

$(document).ready(function () {

$('#inside').click(function () {
$.webox({
height: 188,
width: 400,
bgvisibel: true,
title: '内嵌弹出层调用',
html: $("#pingxie").html()
});
});


$("#spell").keyup(function () {

var aaa = $("#spell").attr("title");
var bbb = $("#spell").attr("value");
if (aaa == bbb) {
alert("相同");
}
else {
alert("不同");
}
});
})
</script>
</head>
<body>
<a href="javascript:void(0);" id="inside" ><strong>单词拼写</strong></a>
<div id="pingxie" style="display:none;">
<div>
<input id="spell" title="123" name="spell" class="input wide" type="text" />
</div>
</div>
</body>

将你的input标签的id换成class,
$('#inside').click(function () {
$.webox({
height: 188,
width: 400,
bgvisibel: true,
title: '内嵌弹出层调用',
html: $("#pingxie").html()
});
});这个调用里面的html后面改为:$("#pingxie").clone();

这个键盘事件#改为.就可以了
$("#spell").keyup(function () {

var aaa = $("#spell").attr("title");
var bbb = $("#spell").attr("value");
if (aaa == bbb) {
alert("相同");
}
else {
alert("不同");
}


});

读书人网 >JavaScript

热点推荐