.onsubmit
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
window.onload = function(){
document.getElementById("frm").onsubmit = function(){
//return true 가 돌아가면 submit 동작안함 (기본값)
//return false 시 submit 동작안함
var msg = document.getElementById("msg").value;
var regex = /\w{4,}/;
var result = regex.test(msg);
// if(result == false){
// return false;
// }
// if(!result){
// return false;
// }
return result;
}
}
</script>
</head>
<body>
<form action="abc.html" id="frm">
<input type=text id="msg">
<input type=submit>
</form>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
window.onload = function(){
document.getElementById("frm").onsubmit = function(){
//return true 가 돌아가면 submit 동작안함 (기본값)
//return false 시 submit 동작안함
var msg = document.getElementById("msg").value;
var regex = /\w{4,}/;
var result = regex.test(msg);
if(!result){
alert("입력값이 잘못되었습니다.")
}
return result;
}
}
</script>
</head>
<body>
<form action="abc.html" id="frm">
<input type=text id="msg">
<input type=submit>
</form>
</body>
</html>
'디지털 컨버전스 > Java Script' 카테고리의 다른 글
| [Regex] replace (0) | 2020.04.17 |
|---|---|
| [Regex] 예제 - 회원가입폼 : script (0) | 2020.04.17 |
| [Regex] .match() (0) | 2020.04.17 |
| [Regex] .test() / .match() (0) | 2020.04.17 |
| [Regex] 예제 - 회원가입폼 : html5 내장 기능 (0) | 2020.04.17 |