테스트 사이트 - 개발 중인 베타 버전입니다

양식 상태 및 입력 상태

· 8년 전 · 1387
양식 상태 및 입력 상태
AngularJS는 양식과 입력 필드의 상태를 지속적으로 업데이트합니다.

입력 필드의 상태는 다음과 같습니다.

$untouched 입력란에 아직 연락하지 않았습니다.
$touched 현장에 손이 닿았습니다.
$pristine 필드가 아직 수정되지 않았습니다.
$dirty 필드가 수정되었습니다.
$invalid 필드 내용이 유효하지 않습니다.
$valid 입력란 내용이 유효합니다.
그것들은 입력 필드의 모든 속성이며 true 또는 중 하나 false입니다.

양식의 상태는 다음과 같습니다.

$pristine 필드가 아직 수정되지 않았습니다.
$dirty 하나 이상의 수정되었습니다.
$invalid 양식 내용이 유효하지 않습니다.
$valid 양식 내용이 유효합니다.
$submitted 양식 제출
그것들은 모두 폼의 속성이며, true 또는 둘 중 하나 false입니다.

이 상태를 사용하여 의미있는 메시지를 사용자에게 표시 할 수 있습니다. 예를 들어, 필드가 필수이고 사용자가 필드를 비워두면 사용자에게 경고를 제공해야합니다.


필드를 터치했는데 비어있는 경우 오류 메시지 표시 :

<input name="myName" ng-model="myName" required>
<span ng-show="myForm.myName.$touched && myForm.myName.$invalid">The name is required.</span>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
1547
1546
1545
1544
1542
1541
1540
1539
1538
1537
1535
1534
1533
1532
1531
1512
1508
1479
1478
1475
1474
1460
1459
부트스트랩 드롭 다운 헤더 7
1458
1457
1456
1455
1454
부트스트랩 부트스트랩 panel
1453
1452