ボタンからpropプロパティを削除してフォームを検証する

Question

フォームフォームの検証を作成しようとしています。入力が空白の場合はボタンを無効にする必要があります。私はjqueryとpropでそれをやっています。しかし、私は何かが足りないと思う。私は以下のコードを追加しました。

マイASCXページ

<input id="Name" type="text" class="Name" value=""> 

<button id="edit" disabled="disabled">Edit</button> 

私のjQuery

function ValidationForm(){ 
     if ($.trim($('#Name').val()) === ''){ 
     return false; 
     } 
     else{ 
     return true; 
     } 
    } 

    $(document).ready(function(){ 
     $('#Name').keyup(function(e) { 
      if (ValidationForm() === true){ 
      $('#edit').prop('disabled', true); 
      } 
      else { 
      $('#edit').prop('disabled', false); 
      } 
     }); 
}); 

問題：私は私の入力ボックスのボタンにテキストを追加していたときに 問題があるが起こっていないされて有効になって取得する必要があります。

Answer 1

あなたはでスペルミスを持っているあなたのif文、そのifないid

if ($.trim($('#Name').val()) == ''){ 
    return false; 
    } 
    else{ 
    return true; 
    } 

Answer 2

あなたが直接（名前は機能なし）入力の内容をテストして決定するために$(this).val().trim()を使用するkeyUpイベントを使用することができますコンテンツを無効にしてから、無効状態を解除します。

テキスト入力の名前属性がないことに注意してください。これは、ajax呼び出しや他のjavascriptを使用してその入力値を取得しない限り、フォームから渡されないことを意味します。

$(document).ready(function(){ 
 
     $('#Name').keyup(function(e) { 
 
      if ($(this).val().trim() == ''){ 
 
      $('#edit').prop('disabled', true); 
 
      } 
 
      else { 
 
      $('#edit').prop('disabled', false); 
 
      } 
 
     }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="Name" type="text" class="Name" value=""> 
 

 
<button id="edit" disabled="disabled">Edit</button>

Answer 3

あなたのコードに問題は検証が成功した場合、あなたに本当のあなたのボタンのdisabledプロパティを設定しているということです。 if-else内のコードブロックを交換し、閉じ括弧も欠落している必要があります。

 $(document).ready(function() { 
      $('#Name').keyup(function(e) { 
       if (ValidationForm() === true) { 
        $('#edit').prop('disabled', false); 
       } else { 
        $('#edit').prop('disabled', true); 
       } 
      } 
     });