jQuery 입력을 텍스트로 변환합니다

jQuery를 사용하여 양식 입력을 텍스트 요소로 변환하십시오. . 현재 스크립트는 텍스트 입력에 대해서만 작동하지만 Textarea, Radio, Checkbox 등과 같은 다른 입력 유형에 대해 쉽게 작동하도록 쉽게 확장 할 수 있습니다.

jQuery 변환 입력 텍스트에 대한 자주 묻는 질문 (FAQ) jQuery를 사용하여 입력 텍스트 상자의 값을 얻을 수있는 방법?

$form <span>= $('#register-form1');
</span>$form<span>.find(':input').each( function(i<span>,v</span>)
</span><span>{
</span>    <span>var iElem = $(v),
</span>        name <span>= iElem.attr('name'),
</span>        type <span>= iElem.attr('type'),
</span>        labelElem <span>= iElem.parents().find('label[for="'+name+'"]'),
</span>        labelTxt <span>= labelElem.html(),
</span>        iVal <span>= iElem.val();
</span>
    <span>if(type == 'input')
</span>    <span>{
</span>    iElem<span>.parent().prepend(''+labelTxt+' '+iVal+'');
</span>
    <span>}
</span><span>else if (type == 'password')
</span><span>{
</span>    iVal <span>= iVal.substr(i).replace(<span>/<span><span>[S]</span></span>/g</span>, "*");
</span>    iElem<span>.parent().prepend(''+labelTxt+' '+iVal+'');
</span><span>}
</span>    <span>//remove old input elements
</span>    iElem<span>.remove();
</span>    labelElem<span>.remove();
</span><span>});</span>

jQuery를 사용하여 입력 텍스트 상자의 값을 얻으려면 .val () 메소드를 사용할 수 있습니다. 이 메소드는 선택한 요소의 값을 반환합니다. 예는 다음과 같습니다.

$ (document) .ready (function () {});

이 예에서는 버튼을 클릭하면 ID"테스트 "가있는 입력 요소의 값이 경고에 표시됩니다. box.

jQuery를 사용하여 입력 텍스트 상자의 값을 설정하려면 jQuery를 사용하여 입력 텍스트 상자의 값을 설정하려면 .val () 메서드를 사용할 수도 있습니다. 그러나 이번에는 새로운 가치를 인수로 전달합니다. 예는 다음과 같습니다.

$ (document) .ready (function () {

$ ( "button"). click (function () {
$ ( "#test"). val (val). "hello world");
}));
});
이 예에서는 버튼을 클릭하면 ID "테스트"가있는 입력 요소의 값이 "hello world"로 설정됩니다.
jQuery를 사용하여 입력 텍스트를 대문자로 변환하려면 jQuery를 사용하여 입력 텍스트를 대문자로 변환하려면 .toupperCase () 메소드의 javaScript 문자열을 .Val () 메소드와 함께 사용할 수 있습니다. jQuery. 예는 다음과 같습니다.
$ (document) .ready (function () {
$ ( "button"). 클릭 (function () { $ ( "#test"). val (text.touppercase ()); });

버튼을 클릭하면 클릭 할 때. 그만큼 ID "테스트"가있는 입력 요소의 값은 대문자로 변환됩니다.

jQuery를 사용하여 입력 텍스트를 소문자로 변환하려면 jQuery를 사용하여 입력 텍스트를 소문자로 변환하려면 사용할 수 있습니다. jQuery의 .val () 메소드와 함께 JavaScript 문자열의 .tolowercase () 메소드. 예는 다음과 같습니다.

$ (document) .ready (function () {
$ ( "button"). 클릭 (function () { $ ( "#test"). val (text.tolowercase ()); }); });
버튼을 클릭하면 클릭 할 때. 그만큼 ID "테스트"가있는 입력 요소의 값은 소문자로 변환됩니다. jQuery를 사용하여 입력 텍스트에서 선행 및 후행 공간을 다듬려면 jQuery를 사용하여 입력 텍스트에서 선행 및 후행 공간을 다듬려면 JavaScript 문자열의 .trim () 메소드를 사용할 수 있습니다. jQuery의 .val () 메소드. 예는 다음과 같습니다.

$ (document) .ready (function () {

$ ( "button"). 클릭 (function () { $ ( "#test"). val ($. trim (text)); });
버튼을 클릭 할 때. , 선두 및 ID "Test"가있는 입력 요소의 값에서 후행 공간이 제거됩니다.

입력 텍스트를 사용하여 입력 텍스트의 일부를 교체하려면 입력 텍스트의 일부를 교체하려면 어떻게해야합니까? jQuery를 사용하면 .replace () jQuery의 .val () 메소드와 함께 .replace () 메소드를 사용할 수 있습니다. 예는 다음과 같습니다.
$ (document) .ready (function () {
$ ( "button"). 클릭 (function () { $ ( "#test"). val (text.replace ( "old", "new")); });
});
>이 예에서 버튼시 클릭하면 ID "테스트"가있는 입력 요소의 값에서 문자열의 첫 번째 발생은 "새"로 대체됩니다.

jQuery를 사용하여 입력 텍스트가 비어 있는지 어떻게 확인할 수 있습니까? > 입력 텍스트가 jQuery를 사용하여 비어 있는지 확인하려면 .val () 메소드를 사용하고 반환 된 값을 빈 문자열과 비교할 수 있습니다. 예는 다음과 같습니다.

$ (document) .ready (function () {

$ ( "button"). 클릭 (function () { if (text == "") {
alert ( "입력은 비어 있습니다"); }
});
});
jQuery를 사용하여 입력 텍스트 상자를 비활성화 할 수 있습니까?
jQuery를 사용하여 입력 텍스트 상자를 비활성화하려면 .prop () 메소드를 사용하고 "비활성화 된"속성을 true로 설정할 수 있습니다. 예는 다음과 같습니다.
$ (document) .ready (function () { $ ( "#test"). prop (props). "disabled", true);

}); });

이 예에서는 버튼을 클릭하면 ID "테스트"가있는 입력 요소가 비활성화됩니다. jQuery를 사용하여 비활성화 된 입력 텍스트 상자를 활성화 할 수 있습니까?

jQuery를 사용하여 비활성화 된 입력 텍스트 상자를 활성화하려면 .prop () 메소드를 사용하고 "비활성화 된"속성을 False로 설정할 수 있습니다. 예는 다음과 같습니다.

$ (document) .ready (function () { $ ( "#test"). prop (props). "disabled", false);
}); });
이 예에서는 버튼을 클릭하면 ID "테스트"가있는 입력 요소가 활성화됩니다. jQuery를 사용하여 입력 텍스트 상자에 집중할 수 있습니까?
jQuery를 사용하여 입력 텍스트 상자에 초점을 맞추려면 .focus () 메소드를 사용할 수 있습니다. 예는 다음과 같습니다.
$ (document) .ready (function () { $ ( "button"). click (function () {
$ ( "#test"). focus (focus). ); }));
});
이 예에서는 버튼을 클릭하면 ID "테스트"가있는 입력 요소가 집중됩니다.

위 내용은 jQuery 입력을 텍스트로 변환합니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!