ฉันจะทำให้ความยาวของข้อความที่ป้อนในกล่องข้อความโดยใช้ jQuery ได้อย่างไร

138

jquery

— Blankman
แหล่งที่มา

13

คุณลองทำอะไร

— Qwerty

1

บางครั้ง "พยายาม" หมายถึง Googling

— zundi

2

@Sandy ฉันได้รับจาก Googling .. ;)

— ihsan

1

@ คำถามฉันได้ googled สำหรับคำถามเดียวกันและมีหน้านี้

— Izzy

@ อิซซี่ไม่เป็นไรเนื่องจากคำถามนี้เก่าพอที่จะชนในผลลัพธ์ของ Google จากนั้นฉันจะนำเสนอหนึ่งในแวมไพร์ช่วยเหลือที่รู้จักกันดีที่สุดของ SO

— Qwerty

320

var myLength = $("#myTextbox").val().length;

— yfeldblum
แหล่งที่มา

13

สำหรับดียุติธรรม ~

— Vael VICTUS

104

หากกล่องข้อความของคุณมีแอตทริบิวต์ id ของ "mytextbox" คุณจะได้ความยาวดังนี้:

var myLength = $("#mytextbox").val().length;

$("#mytextbox") ค้นหากล่องข้อความโดยใช้ ID
.val() รับค่าขององค์ประกอบอินพุตที่ป้อนโดยผู้ใช้ซึ่งเป็นสตริง
.length รับจำนวนอักขระในสตริง

— Jonathan Tran
แหล่งที่มา

27

ขึ้นโหวตเพราะคุณอธิบายว่ามันทำอะไรทั้งหมดไม่ใช่ jsut ระบุรหัส

หากช่องข้อความของคุณไม่มี ID คุณสามารถอ้างอิงได้โดยใช้ชื่อ สนใจ$("input[name='myinputname']").val().length;

— TARKUS

10

สำหรับฉันมันไม่ใช่กล่องข้อความมันเป็นแท็กแบบขยายและนี่ใช้ได้กับฉัน

var len = $("span").text().length;

— Rohith
แหล่งที่มา

3

รหัสด้านล่างนี้ทำงานได้อย่างสมบูรณ์แบบสำหรับความยาวของอักขระที่ป้อนในกล่องข้อความ

$("#Texboxid").val().length;

— Aqib Shehzad
แหล่งที่มา

2

รหัส

$('#montant-total-prevu').on("change", function() {

var taille = $('#montant-total-prevu').val().length;

    if (taille > 9) {

//TODO

}

});

— Fadid
แหล่งที่มา

1

คุณต้องคว้าองค์ประกอบด้วยตัวเลือก jQuery ที่เหมาะสมจากนั้น.val()วิธีการรับสตริงที่มีอยู่ในกล่องข้อความอินพุตแล้วเรียกใช้.lengthสตริงนั้น

$('input:text').val().length

อย่างไรก็ตามได้รับการเตือนว่าหากตัวเลือกตรงกับหลายอินพุต.val()จะส่งคืนค่าของกล่องข้อความแรกเท่านั้น นอกจากนี้คุณยังสามารถเปลี่ยนตัวเลือกเพื่อรับองค์ประกอบที่เฉพาะเจาะจงมากขึ้น แต่เก็บไว้:textเพื่อให้แน่ใจว่าเป็นกล่องข้อความอินพุต

ในบันทึกอื่นเพื่อให้ได้ความยาวของสตริงที่มีอยู่ในองค์ประกอบอื่นที่ไม่ใช่อินพุตคุณสามารถใช้.text()ฟังก์ชันเพื่อรับสตริงจากนั้นใช้.lengthบนสตริงนั้นเพื่อค้นหาความยาว

— daveslab
แหล่งที่มา

1

-1 คุณผิดมันแค่คืนความยาวของค่าของกล่องใส่แรก jsfiddle.net/8Khzf

— nyuszika7h

ขอบคุณมาก. มันมีประโยชน์ ฉันเรียนรู้วิธีใหม่ในการตรวจสอบประเภทอินพุต ก่อนเห็นคำตอบของคุณฉันคุ้นเคยกับ $ ("อินพุต [type = 'text']")

— Zohaib