输入字段必填字段

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

输入字段必填字段

回答

相关问题