ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript でのフォーム登録、フォーム検証、および演算子のコード例

JavaScript でのフォーム登録、フォーム検証、および演算子のコード例

不言
不言転載
2018-10-13 16:56:101956ブラウズ

この記事では、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(&#39;username&#39;);
            // 弹出警示框
            alert(uEle);
            // 获取对象里面的值
            var uValue = uEle.value;
            alert(uValue)

        }
    </script>


             用户名:     
    密码:     
         

JavaScript でのフォーム登録、フォーム検証、および演算子のコード例

JS 検証フォーム

ユーザーが HTML 要素をクリックしたときなど、イベントが発生したときに JavaScript を実行できます。
ユーザーが要素をクリックしたときにコードを実行する必要がある場合は、HTML イベント属性に JavaScript コードを追加してください:

onclick=JavaScript

要件: ユーザー名が空かどうか、およびパスワードの長さがより長いかどうかを確認してください。 6

nbsp;html>


    <meta>
    <title>JS-检测用户名</title>
    <script>
    function checkForm() {
        var nameValue = document.getElementById(&#39;username&#39;).value;
        if (nameValue ===&#39;&#39;){
            alert(&#39;用户名不能为空!&#39;);
            return false
        }
        var passValue = document.getElementById(&#39;passwd&#39;).value;
        if (passValue.length <= 6){
            alert(&#39;密码长度需大于6&#39;);
            return false
        }

    }

    </script>


<!--
实现步骤:
    1. 确定事件类型onsubmit(常见事件类型的网址: http://www.w3school.com.cn/js/js_htmldom_events.asp);
    2. 对这个事件绑定一个函数(执行的操作写在函数里面);
    3. 函数的核心功能: 校验用户名是否为空?
        1). 获取输入用户名标签提交的内容;
        2). if判断用户名是否为空?
        3). 如果数据合法, 继续执行, 提交表单;
        4). 如果数据不合法, 不让表单提交? (显示弹出框报错) --- alert
-->
<!--onsubmit 事件会在表单中的确认按钮被点击时发生-->
    用户名: 
    密码: 
    
!

JavaScript でのフォーム登録、フォーム検証、および演算子のコード例
JavaScript でのフォーム登録、フォーム検証、および演算子のコード例

#JS-operator

# より

JavaScript でのフォーム登録、フォーム検証、および演算子のコード例##Python と異なり、「==」を判定する場合は、文字列を整数に変換して型と値を比較して判定します。 ##

5 =='5' --> true
5==='5' --> false
Based on 特定の条件下で変数に値を割り当てる条件演算子。

nbsp;html>


    <meta>
    <title>JS-等号</title>
    <script>
        var x = 5;
        var y = &#39;5&#39;;
        alert(x===y);
        var num =(5===&#39;5&#39;)?&#39;ok&#39;:&#39;not ok &#39;
        alert(num)
    </script>




JavaScript でのフォーム登録、フォーム検証、および演算子のコード例

JavaScript でのフォーム登録、フォーム検証、および演算子のコード例

以上がJavaScript でのフォーム登録、フォーム検証、および演算子のコード例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はsegmentfault.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。