Question

我有一个使用div创建的下拉框，但是可以使用jquery检查是否在提交之前选择了“选择域”，如果没有，则不应该提交。

<div class="customselectbox" id="customselectbox_1">
            <input type="hidden" name="domainname" value="Select Domain" class="customselectbox_input">
            <div class="customselectbox_text" style="width: 82px;">Select Domain</div>
            <div class="customselectbox_array"></div>
            <div class="customselectbox_values" style="visibility: hidden; width: 122px;">
            <div class="customselectbox_valbox scroll-pane" style="overflow: hidden; padding: 0px; width: 122px;">

            <div class="jspContainer" style="width: 122px; height: 68px;"><div class="jspPane" style="padding: 0px; top: 0px; left: 0px; width: 122px;"><ul>
                <li data-value="domain1.dk">domain1.dk</li><li data-value="domain2.dk">domain2.dk</li>              </ul></div></div></div>
            </div>
        </div>

我使用此按钮提交：

<button name="checkdomain" type="submit" id="checkdomain" value="Submit" class="btn btn-small btn-testemail">CHECK</button>

这个javascript在提交前检查另一个输入框：

<script>
$('#checkdomain').click(function (e) {
            var isValid = true;
            $('#name').each(function () {
                if ($.trim($(this).val()) == '') {
                    isValid = false;
                    $(this).css({
                        "border": "1px solid red",
                        "background": "#FFCECE"
                    });
                }
                else {
                    $(this).css({
                        "border": "",
                        "background": ""
                    });
                }
            });
            if (isValid == false)
                e.preventDefault();

            });
</script>

Answer 1

这个jQuery行应该得到文本

$('#customselectbox_1 .customselectbox_text').html();

所以我认为它应该像这样p.s未经测试

$('#checkdomain').click(function (e) {
            var isValid = true;
            $('#name').each(function () {
                if ($.trim($(this).val()) == '') {
                    isValid = false;
                    $(this).css({
                        "border": "1px solid red",
                        "background": "#FFCECE"
                    });
                }
                else {
                    $(this).css({
                        "border": "",
                        "background": ""
                    });
                }
            });

            if ($('#customselectbox_1 .customselectbox_text').html() == 'Select Domain') { isValid = false; }

            if (isValid == false)
                e.preventDefault();
                return false; 
            });

jquery检查在输入提交之前是否选择了标准值？

1 个答案: