jQuery 양식 이벤트 submit() 이벤트

submit 이벤트

정의 및 사용법

양식이 제출되면 제출 이벤트가 발생합니다.

이 이벤트는 양식 요소에만 적용됩니다.

submit() 메서드는 제출 이벤트를 트리거하거나 제출 이벤트가 발생할 때 실행할 함수를 지정합니다.

Syntax

$('').submit()

자세히 분석해 보겠습니다. 아래 코드를 보세요

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>submit</title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <form action="#" method="post" name="form">
        用户名：<input type="text" placeholder="请输入用户名"></br></br>
        用户名：<input type="password" placeholder="请输入密码"></br></br>
        <input type="submit" value="提交">
    </form>

</body>
</html>

위 코드에서 볼 수 있듯이 우리 폼에는 이벤트가 추가되지 않습니다. 기본적으로는 특정 위치에 제출되며 나중에 PHP 스크립트 언어를 배울 때 양식을 처리하겠습니다

그럼 이 페이지에서 클라이언트를 어떻게 처리해야 할까요? 그러면 양식을 처리하려면 jquery 코드가 필요할까요

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>submit</title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <form action="#" method="post" name="form">
        用户名：<input type="text" placeholder="请输入用户名"></br></br>
        用户名：<input type="password" placeholder="请输入密码"></br></br>
        <input type="submit" value="提交">
    </form>

    <script>
        $('form').submit(function(){
            alert('error');
        })
    </script>
</body>
</html>

The 위의 코드를 사용하여 양식을 제출하고 버튼을 클릭하고 제출 이벤트를 트리거하고 오류 메시지를 팝업하여 사용자 이름 규칙 및 비밀번호 규칙과 같은 양식을 충족하지 않으면 이 페이지에서 양식을 처리할 수 있습니다. 양식은 처리를 위해 다른 페이지에 제출되지 않습니다

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>submit</title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <form action="#" method="post" name="form"> 用户名：<input type="text" placeholder="请输入用户名"></br></br> 用户名：<input type="password" placeholder="请输入密码"></br></br> <input type="submit" value="提交"> </form> <script> $('form').submit(function(){ alert('error'); }) </script> </body> </html>

제출하다 코드 재설정

자동운전