Question

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，否则不需要test2。这意味着如果test1有一个值，则无法在没有test2值的情况下保存表单。如果test1为null，则不需要test2。

Answer 1

试试这个

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

Answer 2

保存表单时检查test1的值。

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

Answer 3

像这样的东西

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

带有必填字段的输入字段

3 个答案: