2017-02-22 14 views
0

HTML入力フィールド

<form action="" id="formsave"> 
    <div class="row"> 
    <input type="text" id="test1"name="test1"> 
    <input type="text" id="test2"name="test2"> 
    </div> 
</form> 

test1のは、それが必要ではないでしょうでない場合、それはTEST2を必要な値を持っている場合は、私は2つの入力フィールドがあります。つまり、test1に値がある場合は、test2の値を指定しないでフォームを保存することはできません。 test1がnullの場合、test2は不要です。

+0

のようなものは、あなたが 'Knockout' JavaScriptフレームワークを必要とすることができる見えます。また、あなたの質問は何ですか? – Roland

+0

私の質問は、test1フィールドに値がある場合、test2フィールドをどのように必要とするかです。 –

+0

JavaScriptで質問にタグを付けましたが、JSコードは表示されません。私は間違いなく、javascriptのチュートリアルとjqueryのチュートリアルを通過するだろう。ノックアウトはいいですが、あなたの質問を見て、今はそうではありません。 – Roland

答えて

0

この

<html> 

<head> 
    <script> 
     function check() { 
      var test1 = document.getElementById("test1").value 
      var test2 = document.getElementById("test2").value 



      if ((!!test1 && !!test2) || !test1) { 
       return true 
      } else { 
       document.getElementById("errmsg").innerHTML = "test2 required" 
       return false 
      } 


     } 
    </script> 
</head> 

<body> 
    <form onsubmit="return check()"> 
     <input type="text" id="test1"> 
     <input type="text" id="test2"> 
     <input type="submit"> 
     <div id="errmsg"></div> 
    </form> 
</body> 

</html> 
+0

dgoku、Imフォーム送信を使用しています。これに該当する場合は? –

+0

あなたの送信コードにコメントすることができます – dgoku

0

を試してみて、フォームを保存するときTEST1の値を確認してください。

$("#save").on('click', function() { 
    if($("#test1").val()) { 
     alert("please enter all data"); 
    } else { 
     $("#formsave").submit(); 
    } 
}); 
+0

test1に値がある場合は、test2フィールドに値が必要です。 test1がnullの場合、testは不要です。 –

+0

@PaulMBactinそれはそうです。 test1に値があるかどうかをチェックします。それがあれば、すべてのデータを入力するよう警告が表示されます。その他のフォームは保存されます –

0

その

var form = document.getElementById('formsave'), 
    check = function() { 
     var input1 = document.getElementById('test1'), 
      input2 = document.getElementById('test2'); 

     if (input1.value !== '' && input2.value === '') { 
      return false; 
     } else return true; 
    }; 

form.addEventListener('submit', function(e) { 
    if (check()) { 
     // do stuff here 
    } else e.preventDefault(); 
}); 
関連する問題