1

テキストエリアと選択オプションが選択されていない限り、送信ボタンを無効にするフォームを使用しています。

テキストエリアの検証は正常に機能します。問題は選択にあります。問題は、selectが値をselectに一時停止するCustom drowpdownから値を取得することです。これが問題だと思います。これは、selectに値があるため、スクリプトが値を取得しないためです。

スクリプトは次の場合に機能します。a）最初に選択オプションを選択してから、テキストエリアに入力します。b）テキストエリアに入力し、オプションを選択してから、テキストエリアにもう一度入力します。

有効化/無効化ボタンのスクリプトは次のとおりです

    $(function () {
        $("#result, #content-text-ta").bind("keyup change",
  function () {      
      if ($("#content-text-ta").val() != "" && $("#result").val() != "")
          $(this).closest("form").find(":submit").removeAttr("disabled").removeClass('disabled').addClass('enabled');
      else
          $(this).closest("form").find(":submit").attr("disabled", "disabled").removeClass('enabled').addClass('disabled');      
      });
        });

値をselectに一時停止するtextareaとドロップダウン（id = "catselect"）

<textarea title="Post Text" name="content-text-ta" id="content-text-ta"></textarea>
<dl id="sample" class="dropdown">
                    <dt><a href="#" ><span class="cat" tabindex="1">Elige categoria</span></a></dt>
                        <dd style="z-index: 1;">
                            <ul>
                                <li><a href="#">Citas Famosas<span class="value">1</span></a></li>
                                <li><a href="#">Frases Bonitas<span class="value">2</span></a></li>
                            </ul>
                        </dd>
                    </dl>
                    <fieldset">
                        <select name='categories' id='catselect' class='tdomf_categories' size='1'>
                            <option id="result"></option>
                        </select>
                    </fieldset>
4

1 に答える 1

0

次のコードを使用します。

function validateForm() {
    if ($("#content-text-ta").val() !== "" && $("#catselect").val().length > 0) {
        $("form").find("input[type*='submit']").removeAttr("disabled").removeClass('disabled').addClass('enabled');
    } else {
        $("form").find("input[type*='submit']").attr("disabled", "disabled").removeClass('enabled').addClass('disabled');
    }
}
$(function() {
    $("#catselect").html("");
    $(".dropdown dd ul li a").click(function() {
        var text = $(this).html();
        $(".dropdown dt a span").html(text);
        $(".dropdown dd ul").hide();
        $("#catselect").val($("#sample").find("dt a span.value").html());
        validateForm();
    });
    $("#catselect").append($("<option/>", {
        value: "",
        text: $(this).find('span').first().contents().filter(function() {
            return this.nodeType == 3;
        }).text()
    }));
    $(".dropdown dd ul li").each(function() {
        $("#catselect").append($("<option/>", {
            value: $(this).find(".value").text(),
            text: $(this).find('a').first().contents().filter(function() {
                return this.nodeType == 3;
            }).text()
        }));
        $("#catselect, #content-text-ta").bind("keyup change click", validateForm);
    });​

ライブデモ| ソース

于 2012-12-23T04:09:54.707 に答える