Javascriptが有効でないボタンを有効にする

Question

ユーザーが入力フィールドに有効なEメールを入力したときに、ボタンを有効にしたいとします。ここで

は私のコードです：

//validate Mail 
    var testEmail = /^[ ]*([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2,})[ ]*$/i; 
    jQuery('input#HdC_mail').bind('input propertychange', function() { 
    if (testEmail.test(jQuery(this).val())) 
    { 
     jQuery(this).css({ 'border':'1px solid green'}); 
     $("#vali").text(''); 

     document.getElementById("submit").disabled = false; 

    } else 
    { 
     jQuery(this).css({ 'border':'1px solid red'}); 
     $("#vali").css({ 'color':'red'}); 
     $("#vali").text('Das ist keine gültige Mailadresse'); 
    } 
    }); 

そしてHTML：

<div style="text-align:center;"> 
    <p id="vali"></p> 
    <input type="submit" name="submit" id="submit" disabled="true" value="Absenden"> 
</div> 

テキストが変更されますが、ボタンがまだ無効になっています？私はあなたが私を助けることができると思います

...

Answer 1

まず、無効属性は偽/ 真値を持っていません。あなたは

セカンドをdisabled="disabled"として、あなたのHTMLマークアップでそれを書くか、単にdisabled（最小化のようなあなたの場合とXHTML準拠を気にしない）のいずれか、あなたは交換する必要があります

document.getElementById("submit").disabled = false; 

と

$("#submit").prop("disabled", false);