フォームの問題はプログラム開発者が対処しなければならない複雑な問題だと思いますが、場合によってはプログラムをフロントエンドで処理しなければならない場合もあります。フロントエンドは難しいですが、あなたがやれば私もできる、あなたがやらなくても私はできる、と自分で理解したほうがいいです（笑）。役に立つ場合は、メッセージを残して一緒に議論し、一緒に進歩してください。そのままコードを投稿してください (お子様の便宜のために、このコードはコピーして使用できます。分割する必要はありません)。 ): コードをコピー コードは次のとおりです。 🎜> width:100px; text-align:right;float:left;} <br>label.error{color:#ea5200; margin-left:4px; 背景:url(http://jt.875. cn/icon/unchecked.gif) no-repeat 2px 0 } <br> label.right{margin-left:4px;background:url(http://jt.875.cn/icon/checked) .gif) no-repeat 2px 0} <br> ; <br>$( function(){ <br>$( "#regForm" ).validate({ <br>rules: { <br>// 登録されたユーザー名<br>username: { <br>required: true, <br>minlength: 5, <br>maxlength: 12 <br>}, <br>// email <br>email: { <br>required: true, <br>メールアドレス: true <br>}, <br>// パスワード<br>パスワード: { <br>必須: true, <br>minlength: 6, <br>maxlength: 18 <br>}, <br>/ / パスワードの確認<br>confirm_password: { <br>equalTo:"# パスワード" <br>}, <br>// 確認コード <br>captcha: { <br>required: true, <br>remote: "checkCaptcha .php" <br>} <br>}, <br> メッセージ: { <br>// 登録ユーザー名<br>ユーザー名: { <br>必須: "この項目を空にすることはできません", <br>minlength: " 5 文字未満にすることはできません", <br>maxlength: "12 文字を超えることはできません" <br>}, <br>// email <br>email: { <br>required: "この項目を空にすることはできません" 、<br>email: "電子メールの形式が正しくありません" <br>}、<br>// Password<br>password: { <br>required: "この項目を空にすることはできません"、<br>minlength: "空白にすることはできません6 文字未満", <br>maxlength: "18 文字以上にすることはできません" <br>}, <br>// パスワードの確認<br>confirm_password: "2 回入力されたパスワードは矛盾しています", <br>//確認コードを確認します<br>キャプチャ: { <br>必須: "確認コードを入力してください", <br>リモート: "確認コード入力エラー" <br>} <br>} <br>}); }); <br></head> <br><form id="get" action=""> ><p><label class="leftside">名前 ：</label><input type="text" value="" name="ユーザー名" id="ユーザー名" /></ p> <br><p><label class="leftside ">Password:</label><input type="password" value="" name="password" id="password" /> ;</p> <br><p><label class="leftside">パスワードの確認:</label><input type="password" value="" name="confirm_password" id= "confirm_password" /></p> <br><label class="leftside">メール：</label><input type="text" value="" name=" email" id="email"></form> <br></body> <br></html> <br><br> <br>レンダリングは次のとおりです<br><br> </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
