JQuery Submit按鈕在第一次點擊是或否時不會突出顯示，我該怎麼做？

一旦用戶輸入用戶名並選擇是或否，提交按鈕應突出顯示.............................. .................................................. ...........................JQuery Submit按鈕在第一次點擊是或否時不會突出顯示，我該怎麼做？

<script type="text/javascript"> 
function check_form() 
     { 
      if(($("input[name='username']").val().length > 0) && 
       ($("input[name='car']:checked").length)) 
      { 
       $(":submit").removeAttr("disabled"); 
      } 
      else 
      { 
       $(":submit").attr("disabled",true); 
      } 
     } 
     $(document).ready(function() { 
       $("input[type='text'] ").keyup(function() { 
         check_form(); 
       }); 
       $("input[type='radio'] ").mouseup(function() { 
         check_form(); 
       }); 
     }); 
    </script> 
</head> 
<body> 
    <form id="my_form" name="the_form"> 
     Username: <input type="text" name="username" oninput="check_form();" /> 
     <br><br> 
     Do you own a car? Yes: <input type="radio" name="car" value="yes" /> 
          No: <input type="radio" name="car" value="no" /> 
     <br><br> 
     <input type="reset" /> 
     <input type="submit" name="submit" disabled /> 

</form>

來源

2016-01-21 gnizzle

試試這個

<form id="my_form" name="the_form"> 
    Username: 
    <input type="text" name="username" oninput="check_form();" /> 
    <br> 
    <br> Do you own a car? Yes: 
    <input type="radio" name="car" value="yes" /> No: 
    <input type="radio" name="car" value="no" /> 
    <br> 
    <br> 
    <input type="reset" /> 
    <input type="submit" name="submit" disabled />  
</form>

的JavaScript

function check_form() { 
    if (($("input[name='username']").val().length > 0) && 
    ($("input[name='car']:checked").length)) { 
    $(":submit").removeAttr("disabled"); 
    } else { 
    $(":submit").attr("disabled", true); 
    } 
} 
$(document).ready(function() { 
    $("input[type='text'] ").change(function() { 
    check_form(); 
    }); 
    $("input[type='radio'] ").change(function() { 
    check_form(); 
    }); 
});

Fiddle

來源

2016-01-21 16:31:30 Raviteja

使用變化代替鼠標鬆開

$("input[type='radio']").change(function(){ 
    check_form(); 
});

來源

2016-01-21 16:28:39 Vixed

這將工作。我已經使用了.change()函數，而不是

$('document').ready(function(){ 
      $('#my_form :input').change(function(){ 
       if(($("input[name='username']").val().length > 0) && 
        ($("input[name='car']:checked").length)) 
       { 
        $(":submit").removeAttr("disabled"); 
       } 
       else 
       { 
        $(":submit").attr("disabled",true); 
       } 
      }); 
}); 
    </script> 
</head> 
<body> 
    <form id="my_form" name="the_form"> 
     Username: <input type="text" name="username" /> 
     <br><br> 
     Do you own a car? Yes: <input type="radio" name="car" value="yes" /> 
          No: <input type="radio" name="car" value="no" /> 
     <br><br> 
     <input type="reset" /> 
     <input type="submit" name="submit" disabled /> 

</form>

來源

2016-01-21 16:29:22 Tewdyn

JQuery Submit按鈕在第一次點擊是或否時不會突出顯示，我該怎麼做？

回答

相關問題