當輸入爲空時禁用提交

Question

http://pastebin.com/wGqMD59N

這是我的代碼。我已經嘗試了使用jquert發佈​​的多個其他方法，但我一定沒有正確寫入它。我不知道如何將其應用於我的代碼。但是當輸入未填寫時，需要禁用第二個提交按鈕。

Answer 1

我改變了你的「第二」按鈕類型button而不是sumbit。
而我刪除了屬性disabled。

您需要檢查所有輸入，resutl將決定是否需要提交表單。

<input type="hidden" name="submit" value="Submit"> 
    <input type="button" id="button" value="Submit"> 
    </form> 
    <script> 
    $("#button").click(function(){ 
    var flag=true; 

    // check all input values 
    $("input[type='text']").each(function(){ 
     if($(this).val()==""){ 
      flag=false; 
     } 
    }); 

    // submit the form 
    if(flag){ 
     $("form#input").submit() 
    }else{ 
     // You should do something here. 
     alert("Please fill all inputs!"); 
    } 
    }); 
    </script> 

你應該想到什麼就做什麼，如果flag是假的...
喜歡的事通知他必須填寫所有輸入的用戶。

注意：將jQuery庫加載到您的head中以使其工作。

評論你的「命名」 ...
這可能是混淆使用的名稱，類別或ID與input或button。
嘗試使用與方法或HTML標記不相同的描述性詞語。
;）

Answer 2

使用jQuery函數

$('form').submit(function(e){ 
    var i=Number(0); 
    $('input').each(function(){ 
    if($(this).val() == '') 
     i++; 
    }); 

if(i>0) 
    { 
    e.preventDefault(); 
    } 
});