이 기사에서는 웹 양식 제출의 장애가있는 문제에 대한 JS 솔루션에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 분석은 다음과 같습니다.
예를 들어, 다음과 같은 양식이 있습니다
코드 코드를 다음과 같이 복사하십시오. <form id = "inputform"action = "shorttermrental.action"method = "post">
<입력 이름 = "pname"type = "text"id = "pname"value = "xxx"size = "20"disabled = "disabled"/>
<input name = "그러나"type = "제출"id = "그러나"value = "xxx"size = "20"/>
</form>
양식을 제출할 때 입력 상자의 속성이 비활성화되어 있기 때문에 PNAME 데이터를 백그라운드에서 가져올 수 없습니다. 이 기능에는 다음과 같은 솔루션이 있습니다.
1. 비활성화 된 = "disabled"속성을 대신 readonly = "readonly"로 변경하십시오. 그 기능은 기본적으로 동일하며 Readonly는 OnFocus 이벤트를 지원할 수 있습니다. (권장 사용)
코드 코드를 다음과 같이 복사하십시오. <input name = "xxx"id = "xxx"value = "xxx"size = "20"readonly = "readonly"/>
2. js를 사용하여 양식을 제출할 때 비활성화 된 속성을 수정합니다.
코드 코드를 다음과 같이 복사하십시오. <input name = "그러나"type = "button"id = "하지만"value = "xxx"size = "20"/>
<script type = "text/javaScript">
함수 제출 _form () {
// JavaScript 쓰기 방법
document.getElementById ( "pname"). disabled = "";
document.getElementById ( "inputform"). oldow ();
// jQuery 쓰기 방법
$ ( "#pname"). attr ( "disabled", false);
$ ( "#inputform"). oldow ();
}
</스크립트>
3. JS에서 PNAME 값을 얻고 매개 변수 양식으로 전달한 후 양식의 동작 값을 수정하십시오. 물론 이런 식으로 매개 변수 (getParameter)를 얻으려면 배경 코드를 수정해야합니다.
다음과 같이 코드를 복사하십시오. <script type = "text/javaScript">
함수 제출 _form () {
// jQuery 쓰기 방법
var pname = $ ( "#pname"). val ();
$ ( "#inputform"). attr ( "action", "shorttermrent.action? panme ="+pname+"& p ="+new date ());
$ ( "#inputform"). oldow ();
// JavaScript 쓰기 방법
var pname = document.getElementById ( "pname"). 값;
document.getElementById ( "pname"). action = "shorttermrental.action? panme ="+pname+"& p ="+new date ();
document.getElementById ( "pname"). oldow ();
}
</스크립트>
작은 팁 : 스크립팅 언어를 작성할 때, 우리는 일반적으로 jQuery Writing에 열심입니다. JQuery는 JavaScript를 캡슐화하고 HTML 동등한 값을 취할 때 얻기 위해 정규 표현식 일치를 사용합니다.
따라서 필연적으로 효율성에 영향을 미치므로 많은 스크립트가있을 때 일반적으로 JavaScript를 사용하는 것이 좋습니다.
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.