홈>
단순히 ASP 텍스트 상자에 대한 양식 유효성 검사가 작동하지 않는 이유를 묻고 싶습니다. 사용자가 텍스트 상자에 텍스트를 입력하지 않으면 단락 태그에 설명이 표시되어 텍스트를 입력하십시오. 하지만 작동하지 않습니다.이 문제를 해결하도록 도와주세요.
자바 스크립트 코드는 다음과 같습니다.
function checkForm() {
var errors = [];
if ($("#itemBrand").value == "") {
errors[0] = "Please input a text!";
}
if ($("#itemModel").value == "") {
errors[1] = "Please input a text!";
}
if (errors.length > 0) {
if (errors[0] != null) {
document.getElementById("itemBrandValidate").innerHTML = errors[0];
}
if (errors[1] != null) {
document.getElementById("itemModelValidate").innerHTML = errors[1];
}
return false;
}
return true;
}
여기에 aspx가 있습니다 :
<asp:TextBox ID="itemBrand" runat="server" BackColor="#FFFF66"
BorderColor="Black" BorderWidth="1px" Height="20px" Width="300px">
</asp:TextBox><br />
<p id="itemBrandValidate"></p>
<asp:TextBox ID="itemModel" runat="server" BackColor="#FFFF66"
BorderColor="Black" BorderWidth="1px" Height="20px" Width="300px">
</asp:TextBox><br />
<p id="itemModelValidate"></p>
<asp:Button ID="Button1" runat="server" CssClass="submitButton" Text="Save
Item" OnClick="Button1_Click" OnClientClick="return checkForm()"/>
- 답변 # 1
- 답변 # 2
asp.net 서버 컨트롤의 클라이언트 쪽 ID가 서버 쪽 ID와 다릅니다.
ClientIDMode = "Static"
를 사용할 수 있습니다 (.NET 4.0에서 도입) 또는ClientID
를 사용할 수 있습니다 아래에 표시된 것처럼 유효성 검사 기능을 약간 다시 작성하려고했습니다.function checkForm() { var success = true; var itemBrandID = "<%= itemBrand.ClientID %>" ; if ($("#" + itemBrandID).value == "") { success = false; document.getElementById("<%= itemBrandValidate.ClientID %>").innerHTML = "Please input a text!"; } var itemModelID = "<%= itemModel.ClientID %>" ; if ($("#" + itemModelID).value == "") { success = false; document.getElementById("<%= itemModelValidate.ClientID %>").innerHTML = "Please input a text!"; } return success; }
또한 jQuery를 사용하여 ASP.NET ClientID를 찾는 일반적인 방법에 대해 Rick Strahl의이 훌륭한 게시물을 읽어보십시오.
이것이 도움이되기를 바랍니다!
관련 자료
- jquery - 자바 스크립트 코드에서 이메일 및 비밀번호 확인이 작동하지 않음
- 자바 스크립트를 사용하여 앵커 제목 속성 검색
- PHP를 사용하여 mysql 데이터베이스 데이터를 javascript 함수에 전달하는 방법은 무엇입니까?
- JavaScript to HTML (JSON)을 사용하여 배열과 연결된 루프
- html - 자바 스크립트를 사용하여 루프에서 SVG 폴리 라인 그리기
- reactjs - 자바 스크립트를 사용하여 기존 배열로 데이터 푸시
- node.js - 공유 자바 스크립트 모듈에서 가져 오기 사용
- axios를 사용하여 laravel에서 작동하지 않는 명령 삭제
- JavaScript의 click () 메서드가 Google지도의 검색에서 작동하지 않습니다
- 아카이브 된 파일의 json에서 특정 값을 읽는 방법 javascript 및 jszip 사용
- GPIO를 사용하여 작동하지 않는 5v 릴레이 모듈 제어
- html - JavaScript 'if eventtarget'에 클래스 이름 사용
- Javascript - 자바 스크립트 - 정규식을 사용하여 경로에서 특정 값을 어떻게 얻을 수 있습니까?
- arrays - async 및 await가 올바르게 작동하지 않습니다
- html - JavaScript를 사용하여 xml 파일을 필터링하는 방법
- 평일을 사용하는이 짧은 AppleScript가 예상대로 작동하지 않습니다
- jQuery 또는 JavaScript를 사용하여 배열에서 데이터 추출
- function - 사용자 입력, JavaScript를 사용하여 타이머 설정
- javascript - vue - 내 코드에서 로그인 유효성 검사가 작동하지 않습니다
- Acrobat Reader DC를 사용하여 작동하지 않는 PDF 파일 채우기 및 서명
관련 질문
- javascript : PHP에서 아약스 포스트 요청 데이터를 얻는 방법
- javascript : 요소 크기 조정시 형제 요소도 크기 조정
- javascript : 로 시작하는 클래스를 제거하는 방법…?
- javascript : jquery의 "모든"부울 함수
- javascript : span 태그에서 요소의 각 단어를 래핑하는 방법은 무엇입니까?
- javascript : 값이 0 인 경우 텍스트 상자 값 숨기기
- javascript : 모바일 Safari가 때때로 클릭 이벤트를 트리거하지 않습니다.
- 페이지를 새로 고치지 않고 Javascript로 양식 제출
- javascript : Swiper JS 슬라이더 사용-첫 번째 슬라이드를 왼쪽으로 정렬하고 두 번째 슬라이드를 화면 밖에서 정점으로 표시하고 싶습니다.
- javascript : JS : 동일한 페이지에 양식 제출 및 결과 렌더링
텍스트 상자에 ClientIdMode = "정적"을 추가하십시오. 그렇지 않으면 .NET 플랫폼이 서버 ID 특성과 동일하지 않은 Id를 생성하고 Jquery 선택기가 예상대로 작동하지 않습니다.
예 :