在填写启用提交所需的字段期间,启用禁用提交按钮不起作用

时间:2012-07-27 21:33:27

标签: submit form-submit

对不起,如果标题不清楚,我试图以最好的方式解释。我的情况如下:我有一个提交按钮的时事通讯。在输入正确的电子邮件后,我已经使用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);
        }
    });

});

}

(文档)$。就绪(函数(){

$('#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');
    }
});

});

感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

一个问题是你有两个id为submit的元素。