>  기사  >  웹 프론트엔드  >  JavaScript의 양식 등록, 양식 유효성 검사 및 연산자의 코드 예

JavaScript의 양식 등록, 양식 유효성 검사 및 연산자의 코드 예

不言
不言앞으로
2018-10-13 16:56:101956검색

이 문서는 JavaScript의 양식 등록, 양식 유효성 검사 및 연산자에 대한 코드 예제를 제공합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

JavaScript는 세계에서 가장 인기 있는 스크립트 언어입니다.
JavaScript는 웹 언어이며 PC, 노트북, 태블릿, 휴대폰에서 작동합니다.
JavaScript는 HTML 페이지에 대화형 기능을 추가하도록 설계되었습니다.
많은 HTML 개발자는 프로그래머는 아니지만 JavaScript는 매우 간단한 구문을 가지고 있습니다. 거의 모든 사람이 웹 페이지에 작은 JavaScript 조각을 추가할 수 있습니다.

기능: 경량, 범용, 플러그형 HTML 디자인, 배우기 쉬움

JS-등록 양식 감지 프로토타입#🎜 우리는 사용자가 HTML 요소를 클릭하는 등 이벤트가 발생할 때 JavaScript를 실행할 수 있습니다.

사용자가 요소를 클릭할 때 코드를 실행해야 하는 경우 HTML 이벤트 속성에 JavaScript 코드를 추가하세요.

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>


             用户名:     
    密码:     
         
요구 사항: 사용자 이름이 비어 있는지, 비밀번호가 비어 있는지 확인하세요. 길이가 6보다 큼 JavaScript의 양식 등록, 양식 유효성 검사 및 연산자의 코드 예
onclick=JavaScript


#🎜🎜 #JS -Operator

JavaScript의 양식 등록, 양식 유효성 검사 및 연산자의 코드 예
파이썬과 다르게 '=='가 판단되면 문자열이 비교, '===' 판단은 유형과 값을 함께 비교하는 것입니다JavaScript의 양식 등록, 양식 유효성 검사 및 연산자의 코드 예

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의 양식 등록, 양식 유효성 검사 및 연산자의 코드 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 segmentfault.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제