ホームページ > 記事 > ウェブフロントエンド > JavaScript でのフォーム登録、フォーム検証、および演算子のコード例
この記事では、JavaScript のフォーム登録、フォーム検証、および演算子に関するコード例を紹介します。必要な方は参考にしていただければ幸いです。
JavaScript は、世界で最も人気のあるスクリプト言語です。
JavaScript は Web の言語であり、PC、ラップトップ、タブレット、携帯電話で動作します。
JavaScript は、HTML ページに対話性を追加するように設計されています。
HTML 開発者の多くはプログラマではありませんが、JavaScript の構文は非常に単純です。ほとんどの人が、JavaScript の小さなスニペットを Web ページに追加することができます。
特徴: 軽量、ユニバーサル、プラグイン可能な HTML デザイン、学習が簡単
JS 登録フォーム検出プロトタイプ
nbsp;html> <meta> <title>JS-注册表单</title> <script> // 在页面加载时,执行指定函数 window.onload = function () { // document.getElementById() 获取用户输入的用户名的标签对象; var uEle = document.getElementById('username'); // 弹出警示框 alert(uEle); // 获取对象里面的值 var uValue = uEle.value; alert(uValue) } </script>
JS 検証フォーム
ユーザーが HTML 要素をクリックしたときなど、イベントが発生したときに JavaScript を実行できます。
ユーザーが要素をクリックしたときにコードを実行する必要がある場合は、HTML イベント属性に JavaScript コードを追加してください:
onclick=JavaScript
要件: ユーザー名が空かどうか、およびパスワードの長さがより長いかどうかを確認してください。 6
nbsp;html> <meta> <title>JS-检测用户名</title> <script> function checkForm() { var nameValue = document.getElementById('username').value; if (nameValue ===''){ alert('用户名不能为空!'); return false } var passValue = document.getElementById('passwd').value; if (passValue.length <= 6){ alert('密码长度需大于6'); return false } } </script> <!-- 实现步骤: 1. 确定事件类型onsubmit(常见事件类型的网址: http://www.w3school.com.cn/js/js_htmldom_events.asp); 2. 对这个事件绑定一个函数(执行的操作写在函数里面); 3. 函数的核心功能: 校验用户名是否为空? 1). 获取输入用户名标签提交的内容; 2). if判断用户名是否为空? 3). 如果数据合法, 继续执行, 提交表单; 4). 如果数据不合法, 不让表单提交? (显示弹出框报错) --- alert --> <!--onsubmit 事件会在表单中的确认按钮被点击时发生-->!
#JS-operator
# より##Python と異なり、「==」を判定する場合は、文字列を整数に変換して型と値を比較して判定します。 ##5 =='5' --> true
5==='5' --> false
Based on 特定の条件下で変数に値を割り当てる条件演算子。
nbsp;html> <meta> <title>JS-等号</title> <script> var x = 5; var y = '5'; alert(x===y); var num =(5==='5')?'ok':'not ok ' alert(num) </script>
以上がJavaScript でのフォーム登録、フォーム検証、および演算子のコード例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。