輸入字段必填字段

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有它所需的測試2如果沒有那就不需要值。這意味着如果test1有一個值，則不能保存沒有test2值的表單。如果test1爲空，則不需要test2。

來源

2017-02-22 Paul M Bactin

看起來你可以需要的'Knockout' JavaScript框架。另外，你的問題是什麼？ – Roland

我的問題是如果測試1字段有值，如何要求測試2字段。 –

你用javascript標記了你的問題，但是不顯示你的JS代碼。我肯定會通過一個JavaScript教程和一個jQuery教程。淘汰賽很好，但看看你的問題，而不是現在。 – Roland

試試這個

<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>

來源

2017-02-22 14:35:30 dgoku

dgoku，我使用表單提交。如果這適用於此？ –

你可以評論你的提交代碼 – dgoku

檢查測試1的值時，保存表單。

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

來源

2017-02-22 14:36:28

如果test1有一個值，它需要test2字段有一個值。如果test1爲空，則不需要測試。 –

@PaulMBactin就是這樣。它檢查test1是否有價值。如果它有警報顯示輸入所有數據。其他形式被保存 –

類似的東西

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(); 
});

來源

2017-02-22 15:22:37 Pavel

輸入字段必填字段

回答

相關問題