jquery form 폼 직렬 화 에 대한 주의사항 상세 설명
먼저 폼 에 있 는 readonly 와 disabled 의 차 이 를 말씀 드 리 겠 습 니 다.
readonly 는 input 와 textarea 에 만 유효 하지만 disabled 는 이 때문에 폼 요소 에 모두 유효 합 니 다.radio,checkbox 등 을 포함 합 니 다.
폼 에 disabled 를 사용 하면 사용 자 는 선택 할 수 없습니다.즉,이 텍스트 상 자 는 초점 을 얻 을 수 없습니다.readonly 는 초점 을 얻 을 수 있 습 니 다.다만 수정 할 수 없습니다.읽 기 전용 입 니 다.
가장 중요 한 것 은 폼 을 보 낼 때 폼 의 컨트롤 속성 이 name 속성 이 없 으 면 이 필드 는 보 내지 않 고 키 쌍 이 되 지 않 습 니 다.폼 컨트롤 속성 이 disabeld 이면 이 필드 는 보 내지 않 고 키 쌍 이 되 지 않 습 니 다.
테스트 1,name 속성 설정 하지 않 음:
<body>
<form id="form1">
<select>
<option value="0"> 0</option>
<option value="1"> 1</option>
<option value="2"> 2</option>
</select>
<input type="button" id="btnSubmit" value=" " name="btnSubmit" />
</form>
<script type="text/javascript">
$(document).ready(function () {
$("#btnSubmit").click(function () {
console.log("serialize:");
console.log($("#form1").serialize());
console.log("serializeArray:");
console.log($("#form1").serializeArray());
});
});
</script>
</body>
출력 결 과 는 다음 과 같 습 니 다.
serialize:
serializeArray:
[]length:
__proto__: Array(0)
테스트 2,name 속성 설정:
<body>
<form id="form1">
<select name="selectHuLuWa">
<option value="0"> 0</option>
<option value="1"> 1</option>
<option value="2"> 2</option>
</select>
<input type="button" id="btnSubmit" value=" " name="btnSubmit" />
</form>
<script type="text/javascript">
$(document).ready(function () {
$("#btnSubmit").click(function () {
console.log("serialize:");
console.log($("#form1").serialize());
console.log("serializeArray:");
console.log($("#form1").serializeArray());
});
});
</script>
</body>
출력 결 과 는 다음 과 같 습 니 다.
serialize:
selectHuLuWa=0
serializeArray:
[{…}]
{name: "selectHuLuWa", value: "0"}
length:1
__proto__:Array(0)
테스트 3,readoly 속성 설정:
<body>
<form id="form1">
<select name="selectHuLuWa" readonly="readonly">
<option value="0"> 0</option>
<option value="1"> 1</option>
<option value="2"> 2</option>
</select>
<input type="button" id="btnSubmit" value=" " name="btnSubmit" />
</form>
<script type="text/javascript">
$(document).ready(function () {
$("#btnSubmit").click(function () {
console.log("serialize:");
console.log($("#form1").serialize());
console.log("serializeArray:");
console.log($("#form1").serializeArray());
});
});
</script>
</body>
테스트 결 과 는 다음 과 같다.테스트 4,disabled 속성 설정
<body>
<form id="form1">
<select name="selectHuLuWa" disabled="disabled">
<option value="0"> 0</option>
<option value="1"> 1</option>
<option value="2"> 2</option>
</select>
<input type="button" id="btnSubmit" value=" " name="btnSubmit" />
</form>
<script type="text/javascript">
$(document).ready(function () {
$("#btnSubmit").click(function () {
console.log("serialize:");
console.log($("#form1").serialize());
console.log("serializeArray:");
console.log($("#form1").serializeArray());
});
});
</script>
</body>
테스트 결 과 는 다음 과 같다.이 를 통 해 폼 컨트롤 에 name 속성 이 없고 disabled 속성 을 설정 하면 직렬 화 할 수 없습니다.
**disabled 를 직렬 화 하 는 방법 이 필요 하 다 면:
직렬 화 전에 disabled 속성 을 제거 하고 직렬 화 완료 후 추가 하면 됩 니 다.**
총결산
이상 은 이 글 의 전체 내용 입 니 다.본 논문 의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 댓 글 을 남 겨 주 십시오.저희 에 대한 지지 에 감 사 드 립 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.