Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTMLを使用し、JavaScriptを使用しないクライアント側の検証

HTML5クライアント側の検証エラーバブルを表示するには、必須の属性を使用します。

HTML5ではrequiredという新しい属性が導入され、次のように使用され、値を要求されるため、空のテキストボックスが送信されないなど、クライアント側の検証にJavaScriptを使用する必要はありません。

<!DOCTYPE HTML>
<html>
   <body>
      <form action = "/cgi-bin/html5.cgi" method = "get">
         Enter email : <input type="text" name = "newinput" required/>
         <p>Try to submit using Submit button</p>
         <input type = "submit" value = "submit" />
      </form>
   </body>
</html>

  1. HTMLフォームアクションとJavaScriptを使用したonsubmit検証？

    送信時に入力テキストを検証する例を見てみましょう- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Document</title> <link rel="stylesheet&quo

  2. JavaScriptでinnerHTMLを設定する

    innerHTMLを設定するための正しい構文は次のとおりです- document.getElementById(“yourIdName”).innerHTML=”yourValue”; 次に、innerHTMLを設定する方法を見てみましょう- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=&