1

したがって、基本的には、テキスト領域で特定の単語数に達するまで送信ボタンを無効にする必要があります。

私は周りを見回して、それを行う方法を見つけようとしましたが、運がありませんでした.

ヒントやヘルプはありますか？

<form method="post" id="writearticle" action="submitarticle.php">      
  <script>
    $('#writearticle').submit(function(event) {
        var text = $("#content").val();
        text = text.split(" ");
        // check for at least 10 words
        if(text.length < 10){
            console.log("prevented");
            // prevent submit
            event.preventDefault();
            return false;
        }
        console.log("submitted");
    });
  </script>

  <textarea rows="30" cols="85" id="content" name="content" placeholder="Write the article here. Try to abide by the instructions and keywords provided."></textarea>
  <br />    
  <input type="submit" name="submitarticle" value="Submit Article" class="submit" />    
  <br /><br /><br /><br /><br />
</form>
4

6 に答える 6

1

コードを見せてください。
1)onclick送信ボタンのイベントを設定します
2)テキストエリアの長さを確認します
3)十分な単語がない場合。return falsepreventDefault()

于 2012-09-21T09:38:41.953 に答える
0

送信イベントをキャッチし、テキストエリア内の単語を数えて、十分に高い場合にのみ送信します。例：

$('#targetForm').submit(function(event) {
    var text = $("#myTextarea").val();
    text = text.split(" ");
    // check for at least 10 words
    if(text.length < 10){
        // prevent submit
        event.preventDefault();
        return false;
    }
});

デモ

于 2012-09-21T09:42:11.010 に答える
0

keyupイベントで単語数・文字数を確認できます。

于 2012-09-21T09:39:33.147 に答える
0

http://elylucas.net/post/Enabling-a-submit-button-when-a-textbox-has-value-in-jQuery.aspxでこの例を参照してください。

値をチェックする代わりに、入力文字列をテキスト ボックスに分割すると、配列の長さが目的の単語数を超えていることがわかります。

于 2012-09-21T09:39:47.343 に答える
0

以下のコード行を試してください。

$(document).ready(function() {
    $(".submit-name").attr("disabled", "true");
    var minLength = 100;
    $("#your-text-area").bind('keyup', function(event) {
        var String = $("#your-text-area").val()

           if (String.length >= minLength )  {  
                $(".submit-name").removeAttr("disabled");
            } else {
                $(".submit-name").attr("disabled", "true");        
            }

});



});
于 2012-09-21T09:43:43.743 に答える
0

(組み込みではない) イベントを使用して、textchangeキーボードや貼り付けなどによるテキストの変更を正確に検出します - http://www.zurb.com/playground/jquery-text-change-custom-event

$('textarea').bind('textchange', function () {
   // $(this).val() contains the new text
});

テキスト変更イベントで、テキストの長さ/単語数を確認し、必要に応じて送信ボタンを無効にします (最初は無効になっていることを確認してください)。

于 2012-09-21T09:44:39.183 に答える