空の入力を確認できません

-2

jQueryで入力が空で、コードが機能しないかどうかを確認しようとしています。空の入力を確認できません

コードです：

<html> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
     <script src="demo.js"></script> 
    </head> 

    <body> 
     <form> 
      <input type="text" id="name"> 
      <input type="submit" id="btnConnect"> 
     </form> 
    </body> 
</html>

$('#btnConnect').click(function() 
{ 
    if($('#name').val() == '') 
    { 
     alert('Input is empty!'); 
    } 
});

出典

2016-11-02 Asez

未定義のため – Geeky

私はあなたのコードを実行すると、記入項目を入力せずに「入力が空です」という警告が表示されます。 –

$（document）.ready（function（）{}）にコードをラップします。それはそのまま – Geeky

あなたの問題は、2つの簡単なソリューションを提供しています。基本的には、残りのページが読み込まれる前にスクリプトを呼び出します。スクリプトはまだ存在しない#btnConnectにアタッチしようとしています。

1）。document.readyまたはwindow.onloadを使用してください。このスクリプトは、ページ全体が読み込まれた後にのみ実行されるため、あなたが意図したとおりに動作するはずです。

2）。JSファイルを文書末尾、つまりbodyタグの直前に置きます。ほとんどのプログラマは、scriptsをページの最下部に配置することを選択しました。大きなスクリプトがあると、読み込まれるまで空白のページが表示されるためです。 JSは、ユーザーがサイトとのやりとりを開始するまで、ほとんどの時間を必要としないため、非常にうまく機能します。プログレッシブレンダリングも可能です。

より良いJSプラクティスについては、チェックアウト：

JSTheRightWay.org

ホープ、このことができます！

出典

2016-11-03 01:32:39 Zackh105

空の入力を確認できません

答えて

関連する問題