Question

我有两个输入字段，我想确保在单击按钮时至少填充其中一个字段。

First name: <input type="text" name="FirstName" id="first"><br>
Last name: <input type="text" name="LastName" id="second"><br>

<button type="submit" value="Submit">submit</button

如何通过jQuery完成？ html代码中没有表单标记。

http://jsfiddle.net/zs7mau12/

Answer 1

使用条件$('#first').val() || $('#second').val()，如下所示：

$('body').on('click', 'button', function () {
    if ($('#first').val() || $('#second').val()) { // will fail if both are ''
        alert("At least one has data");
    } else {
        alert("Oops! No data");
    }
});

DEMO

Answer 2

尝试这样：使用trim来保证开始和结束，或者只使用空格。

＆＃13;

 $('body').on('click', 'button', function () {
    if ($('#first').val().trim().length > 0 || $('#second').val().trim().length > 0) {
        alert("we have some data");
    } else {
        alert(" No data entered");
    }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
First name: <input type="text" name="FirstName" id="first"><br>
Last name: <input type="text" name="LastName" id="second"><br>

<button type="submit" value="Submit">submit</button>

＆＃13;

检查两个输入字段中的至少一个是否有数据

2 个答案: