使用Javascript无法启用按钮

Question

我想在用户在输入字段中输入有效的电子邮件时启用按钮。

这是我的代码：

    //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

首先，已禁用属性没有 true / false 值。您可以将其在HTML标记中写为disabled="disabled"，也可以只写disabled（如果您希望最小化并且不关心XHTML合规性）

其次，你需要替换

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

与

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