Javascript 禁用/启用提交按钮，直到用户填写所有表单详细信息，是否考虑使用php？

这是我的网站的形式：

<form name="form2" id="form2"  action="login.php" method="post">
   <fieldset >
      <legend >sign in :</legend >
      Username:<input type="text" size="40" name="username" 
         class="auto-clear" title="Username">
      <p />
         Email: <input id="email" name="email" type="email" 
            oninput="setText()" size="40"  ><br>
         <br>
         password:<input type="password" size="40" name="pass" >
      <p />
         <input type="submit" name="signup" id="ok-btn" value="sign up" 
            height:200px font-size:14pt disabled >
   </fieldset>
</form>

登录：
用户名：

电子邮件：



密码：

---

如何在我填写所有详细信息后才启用“提交”按钮？？？

您可以通过javaScript执行此操作：

$(document).ready(function() {
 $(':input[type="submit"]').prop('disabled', true);
 $('input[type="text"]').keyup(function() {
    if($(this).val() != '') {
       $(':input[type="submit"]').prop('disabled', false);
    }
 });
$('input[type="email"]').keyup(function() {
    if($(this).val() != '') {
       $(':input[type="submit"]').prop('disabled', false);
    }
 });
});

---

下面是一个使用jQuery的简单解决方案：

$（文档）.ready（函数（）{
var submitBtn=$（'：submit'）.prop（'disabled'，true）；
var requiredInputs=$（'：input'）。非（submitBtn）；
requiredInputs.keyup（函数（）{
var emptyInputs=requiredInputs.filter（函数（）{
return！this.value；
});
submitBtn.prop（'disabled'，emptyInputs.length>0）；
});
});

登录：
用户名：
电子邮件：


密码：