リマインダーを送信するためにフォームを空のままにすることはできません:
管理者システムとして作業している場合バックエンドの問題は、フロントエンド フォームで送信されたデータに空白のフィールドを含めることができないことです。その時の解決策はネイティブjsを使ってDOMを操作して判定やポップアップ操作を行うことでした。
その後、コミュニティを閲覧しているときに、 フォームに onSubmit イベントがあることがわかりました。このイベントは、フォームが送信される直前にトリガーされると理解できます。このとき、イベントをこのイベントにコールバック関数で送信し、コールバック関数内で空白フォームの有無の確認コードとリマインダーコードを実行します。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <!DOCTYPE html>
<html>
<head>
<meta charset= "UTF-8" >
<title>Document</title>
<script src = "checkNull.js" ></script>
</head>
<body>
<form action= "" onsubmit = "return checkInput(this)" >
<input type= "text" placeholder= "请输入用户名" >
<input type= "text" placeholder= "请输入密码" >
<input type= "submit" >
</form>
</body>
</html>
<script>
function checkInput(form) {
for (let i = 0; i < form.length; i++) {
alert( "进来了" );
if (form.elements[i].value == "" ) {
alert( "请您输入" + form.elements[i].placeholder);
form.elements.onfocus();
return false ;
}
}
}
</script>
|
ログイン後にコピー
推奨: layui フレームワーク チュートリアル
以上がLayui はフォームが空かどうかを判断しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。