폼2

• 

  [JavaScript] 팝업(Popup)으로 폼(Form)값 넘기기 window.open()으로 호출하는 팝업(Popup)으로 폼(Form) 값 넘기는 예제이다. 태그의 email 입력항목의 값이 "테스트" 버튼을 클릭할때 winpopup() 함수가 호출된다. 먼저 window.open()으로 팝업화면을 오픈하고 값을 넘기려는 폼의 target 값에 window.open()서 에 입력한 이름("pop")을 지정한다. 그러고 나서 submit()을 하게 되면 입력항목의 값을 팝업으로 넘겨줄 수가 있다. 생각보다 간단하다. ■ Front-End ■/JavaScript 2023. 2. 28.

• 

  [AngularJS] 폼 입력항목 AngularJS의 유효성검사 AngularJS에서 angular.copy() 함수를 사용하여 폼의 reset 기능을 구현해 본다. AngularJS를 사용하기 위해서 아래와 같이 angularJS CDN을 script 태그에 추가한다. form 태그에 ng-app 속성을 만들고 "myApp"으로 정의하고 ng-controller 속성에는 "myCtrl"이라고 정의한다. form 태그에 novalidate 속성을 정의하면 브라우저의 유효성 검사를 하지 않는다. 폼 입력항목에 required 속성을 정의한다. "name" 입력항목에 유효성검사 오류시 표시되는 문구다. $dirty 는 폼에서 사용자가 값을 수정한 적이 있는지를 확인한다. $invalid 는 폼에서 입력항목의 값에 오류가 있는지를 확인한다. 참고로 $valid는 항목의 값.. ■ Front-End ■/AngularJs 2023. 2. 22.