对不起,如果标题不清楚,我试图以最好的方式解释。我的情况如下:我有一个带有提交按钮的时事通讯。在输入正确的电子邮件后,我使用 jquery 解锁了 SUBMIT 按钮。除了一件事之外,它工作正常 - 我必须单击字段外的任何位置(而不是在提交按钮上)以启用提交,然后在提交时。我想我必须在这条线上的某个地方添加一些东西,但我不知道是什么:
document.getElementById("submit").disabled = false;
完整的代码在这里:
HTML:
<div class="element">
<input type="text" id="email" name="email" value="Enter your email" />
</div>
<div id="bsubmit">
<input name="submit" id="submit" src="_images/generic/send_button.png?submit+button=" type="image" disabled="disabled" />
</div>
和 jq:
$.fn.swapText = function(){
return this.each(function(){
var tmpDefVal = $(this).val();
$(this).css('color', '#999');
$(this).focus(function(){
if($(this).val() == tmpDefVal){
$(this)
.css('color', '#000')
.val('');
}
});
$(this).blur(function(){
if($(this).val() == ''){
$(this)
.css('color', '#999')
.val(tmpDefVal);
}
});
});
}
$(文档).ready(函数(){
$('#email').swapText();
$('#email').change(function(){
var regexp = /^\w+[@]\w+\.\w{2}$/;
if(regexp.test($(this).val())){
$(this).removeClass('err');
$(this).addClass('ok');
document.getElementById("submit").disabled = false;
}else{
$(this).removeClass('ok');
$(this).addClass('err');
}
});
});
谢谢你的帮助。