Question

我想要在最后一个textbox上更改功能的系列文本框。我累了如下，

<div id="filterMeasurement" class="col-md-4 col-sm-6 col-xs-12 filterControls" style="display: none;">
    <h4>Measurements in (mm)</h4>
    <div class="mea-bx">
        <h5>Length </h5>
        <div>
            <input name="txtLengthFrom" type="text" id="txtLengthFrom" class="textSmLeft" placeholder="from" />
            <input name="txtLengthTo" type="text" id="txtLengthTo" class="textSmRight" placeholder="to" />
        </div>
    </div>
    <div class="mea-bx">
        <h5>Width </h5>
        <div>
            <input name="txtWidthFrom" type="text" id="txtWidthFrom" class="textSmLeft" placeholder="from" />
            <input name="txtWidthTo" type="text" id="txtWidthTo" class="textSmRight" placeholder="to" />
        </div>
    </div>
    <div class="mea-bx">
        <h5>Height </h5>
        <div>
            <input name="txtHeightFrom" type="text" id="txtHeightFrom" class="textSmLeft" placeholder="from" />
            <input name="txtHeightTo" type="text" id="txtHeightTo" class="textSmRight" placeholder="to" />
        </div>
    </div>
</div>

jQuery的：

$("#filterMeasurement").find('input[type=text]').change(function () {
    var lengthfrom = $("#txtLengthFrom").val();
    var lengthto = $("#txtLengthTo").val();
    var widthfrom = $("#txtWidthFrom").val();
    var widthto = $("#txtWidthTo").val();
    var heightfrom = $("#txtHeightFrom").val();
    var heightto = $("#txtHeightTo").val();
    if (lengthfrom != '' && lengthto != '' && widthfrom != '' && widthto != '' && heightfrom != '' && heightto != '') {
        UpdateGrid();
    }
    else {alert("Fill all the fields")}
});

这里有关于在其他区块中更改投掷警报的每个文本框。如何通过将所有文本框视为必填项，仅在更改的最后一个文本框上获得警报？

任何人都可以帮帮我吗？

提前致谢。

Answer 1

使用

$("#filterMeasurement").find('input[type=text]:last')

►.last()：方法返回所选元素的最后一个元素。

或

$("#filterMeasurement").find('input[type=text]').last()

►:last：选择器选择最后一个元素。

或

$("#filterMeasurement").find('input[type=text]:last-child')

►:last-child：可以匹配多个：每个父母一个

Answer 2

如何通过全部检查仅在更改的最后一个文本框上获取警报文本框是强制性的吗？

尝试从style="display: none;"的{{1}}元素中删除#filterMeasurement"以允许用户输入文字？如果用户无法向元素输入文本而不显示在文档中呈现，则不确定html处理程序如何调用.change()？

您可以使用alert()来检查以$.grep()开头且input id为txt的{{1}}元素是否等于或等于少于1 value .length;致电input .length致电alert();在input .length - 1致电UpdateGrid()，等同input

的.length元素

＆＃13;

input

＆＃13;

value

＆＃13;

关于文本框的jquery中的更改功能

2 个答案: