jQuery將輸入轉換為文本

使用jQuery將您的表單輸入轉換為文本元素 。目前，該腳本僅適用於文本輸入，但可以輕鬆地擴展到用於其他輸入類型（例如TextArea，Radio，Checkbox等）的工作。

$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轉換輸入文本的問題（常見問題解答）

>如何使用jQuery？

獲得輸入文本框的值，以獲取使用jQuery的輸入文本框的值，您可以使用.val（）方法。此方法返回所選元素的值。以下是一個示例：

$（document）.ready（function（）{ $（“ button”）。 test“）。val（）;
}）;
} ）;
在此示例中，當單擊按鈕時，帶有id“ test”的輸入元素的值在警報中顯示box。

>如何使用jQuery？
設置輸入文本框的值，以使用jQuery設置輸入文本框的值，但這一次，您將新價值作為一個參數。以下是一個示例：

$（document）.ready（function（） { $（“ button”）。 “ Hello world”）;

}）;

}）;
>如何使用jQuery？

>將輸入文本轉換為大寫？ jQuery。以下是一個示例：

$（document）.ready（function（）{ $（“＃test”）。val（text.touppercase（））;
}）;

}）;

}）;

在此示例中，當按下按鈕時，帶有ID“測試”的輸入元素的值將轉換為大寫。使用JQuery的.val（）方法的JavaScript字符串的.tolowercase（）方法。以下是一個示例：

$（document）. ready（function（）{$（“＃test”）。val（text.tolowercase（））;
}）;
}）;

在此示例中，當按下按鈕時，這帶有ID“測試”的輸入元素的值轉換為小寫。
>

>我如何使用jQuery？

從輸入文本中縮小和尾隨空間，以使用jQuery從輸入文本進行縮小和尾隨空間，您可以將.trim（）方法與JavaScript字符串的.trim（）方法結合使用jQuery的. val（）方法。以下是一個示例：

$（document）.ready（function（）{$（“＃test”）。val（$ 。trim（text））;
}）;
}）;
在此示例中，當按鈕單擊時，領導和從輸入元素的值中刪除了帶有ID“ test”的值。

>我如何使用jQuery替換輸入文本的一部分？

使用jQuery，您可以將.replace（）方法與jQuery的.val（）方法結合使用。以下是一個示例：

$（document）.ready（function（）{>
如何使用jQuery檢查輸入文本是否為空？
>
要檢查輸入文本是否使用jQuery進行空白，您可以使用.val（）方法並將返回的值與空字符串進行比較。以下是一個示例：

$（document）.ready（function（）{要使用jQuery禁用輸入文本框，您可以使用.prop（）方法並將“禁用”屬性設置為true。以下是一個示例：

$（document）.ready（function（）{}）;

}）;

在此示例中，當單擊按鈕時，禁用了帶有id的輸入元素。我可以使用jQuery啟用禁用的輸入文本框？

>使用jQuery啟用禁用的輸入文本框，您可以使用.prop（）方法並將“禁用”屬性設置為false。以下是一個示例：

$（document）.ready（function（ ）{}）;
}）;
在此示例中，當單擊按鈕時，啟用了帶有id的輸入元素。我可以使用jQuery？

專注於使用jQuery的輸入文本框上的輸入文本框，您可以使用.focus（）方法。以下是一個示例：

$（document）.ready（function（）{

$（“ button”）。 ）;

}）;

}）;在此示例中，當單擊按鈕時，具有“ test”的輸入元素是重點的。 >>>>>

以上是jQuery將輸入轉換為文本的詳細內容。更多資訊請關注PHP中文網其他相關文章！