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