javascript - 無効な入力でフォームを送信すると、フォームが送信されませんか?

Question

次のようなJavaScript関数があります。

   function validateInput() {
        var search_text = document.getElementById('search_text').value;
        var size = document.getElementById('size').value;
        var submitButton = document.getElementById('sb_search');
        document.getElementById('sb_search').disabled=false;
        var filter = /^[\x20-\x7E]*$/;

        if (filter.test(search_text) && search_text.length>0){
                   return true;
        }

        else{
             submitButton.setAttribute('disabled');

             } 

         }

値なしで送信ボタンを押すと、正規表現を満たさずにボタンが送信されなくなります。

Answer 1

入力がゼロであるか、正規表現に従っていない場合、送信ボタンを無効にしています!

また、提出からそれを保持しているtrueを返していません!

Answer 2

• areturn falseを else 条件に入れます。
• document.getElementById('sb_search').disabled=false;試す 代わりにdocument.getElementById('sb_search').removeAttribute('disabled')

Answer 3

return false を else ステートメントに入れる

    function validateInput() {
    var search_text = document.getElementById('search_text').value;
    var size = document.getElementById('size').value;
    var submitButton = document.getElementById('sb_search');
    document.getElementById('sb_search').disabled=false;
    var filter = /^[\x20-\x7E]*$/;

    if (filter.test(search_text) && search_text.length>0){
               return true;
    }

    else{
         submitButton.setAttribute('disabled');
         return false;
         } 

     }

Answer 4

これは、送信ボタンにsearch_text.length == 0陥って無効にするためです。else