좋아요. 사용자의 입력을 확인하고 규칙과 일치하는지 확인하고 "xxx is not"라는 텍스트 필드 옆에 즉시 오류 메시지를 표시하는 JavaScript 코드를 만드는 것이 좋습니다. 유효한 항목 "JS의 인스턴트 유효화
예를 들어, 첫 번째 문자가 대문자 여야하고 그 뒤에 번호가 있어야하고 어떤 특수 문자도 가질 수없는 규칙 인 경우.
사용자가 "13da2343 *"과 같이 입력하면 "잘못된 항목, 첫 번째 문자는 대문자 여야하며 특수 문자는 잘못된 항목이어야합니다." 텍스트 필드 바로 옆에 표시되어야합니다.
나 자신을 위해 이것을 시작하는 방법에 대한 단서가 없습니다. 이것은 내가 지금까지 내 웹 사이트에이 전체 코드 나 자바 스크립트
편집
에 새로운 오전, 도와주세요. 나는 입력 된 특정 문자가 유효하지 않으며 텍스트 필드 옆에 그 문자가 있다고 말하는 방법을 모른다. 2
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> THING </title>
<meta name="Author" content="Dhruvin Desai" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type='text/javascript'>//<![CDATA[
window.onload=function(){
document.forms[0].addEventListener('submit', function(event) {
event.preventDefault();
var input = document.getElementsByName('a')[0];
if (~input.value.search(input.getAttribute('pattern'))) {
alert('Is valid!');
} else {
alert('It's invalid...');
}
});
}//]]>
</script>
</head>
<body>
<div id="wrapper">
<div id="response">
<form id="form" action="#" >
<fieldset>
<LEGEND><br>THING</br></LEGEND>
<!-- Input Fields -->
<label for="name"> Username </label>
<input type="text" name="a" value="" id="name" autofocus="autofocus" autocomplete="off" required="required" placeholder="Username" pattern="^[A-Z][A-Za-z]{0,11}$" onkeyup="check(this)" />
<span id="confirmMessage" class="confirmMessage"></span>
<input type="submit" value="Submit" class="submit" />
</fieldset>
</form>
</div>
</body>
편집은 내가 첫 번째 편지에 대해 원하는 대문자를,하지만 작동 허용하는 새 스크립트를 추가했다.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> IT 202 - Assignment 3 </title>
<meta name="Author" content="Dhruvin Desai" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="wrapper">
<div id="response">
<form id="form" action="insert_form.php">
<fieldset>
<LEGEND><br>Assignment 3</br></LEGEND>
<!-- Input Fields -->
<label for="name"> Username </label>
<input name="name" id="name" autofocus="autofocus" autocomplete="off" required="required" placeholder="Username" onkeyup="check(this.value)" />
<input type="submit" value="Submit" class="submit" />
</fieldset>
</form>
</div>
<script type="text/javascript">
function check(string)
{
loop: for (i = 0; i < string.length; i++)
{
var res = string.substring(i, i + 1).match(/[A-Z][A-Za-z]{0,11}/);
if (!res)
{
alert("Error on position " + (i + 1) + ":\n This character is no Letter: "+string.substring(i, i + 1));
break loop;
}
}
}
</script>
</body>
w3schools가 잘못되었습니다 - http : // w3fools.그 외에도 질문을 살펴볼 때 유효성 검사 등을 트리거하는 방법에 대한 세부적인 내용을 알고 있으므로 답변이 실제로 완전하지는 않습니다. – ThiefMaster