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

jquery check if standard value is selected before submit in input?

本文关键字：是否选择标准值检查提交输入 Jquery 更新时间：2023-09-26

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

这个jQuery行应该得到文本

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

所以我觉得应该是这样的

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