สอบถามวิธีการจำกัดจำนวนตัวอักษรการกรอก input

[Tookta]

ต้องการให้ ช่อง input สามารถกรอกตัวอักษรได้แค่ 10 และ 13 ตัวเท่านั้น
ถ้าไม่ใช่10ตัว และ 13 ตัว จะไม่สามารถกดปุ่ม submit ได้
อาจจะเป็นรูปแบบ popup แจ้งเตือน หรือการ Validation ก็ได้
ควรใช้วิธีไหน หรือใช้ภาษไหนมาช่วยคะ
ขอบคุณค่ะ

[tsukasaz]

ใน HTML จะมี Attribute ของ Input ให้ใช้งานได้อยู่ครับ
min = จำนวนขั้นต่ำที่ต้องกรอก
max = จำนวนสูงสุดที่กรอกได้

ตัวอย่าง

โค้ด: เลือกทั้งหมด

<input type="number" id="no" name="no" min="1" max="10" />

สำหรับ Javascript ตัวอย่างโค้ด

โค้ด: เลือกทั้งหมด

let no = document.getElementById('no').value;
if(no != 10 || no != 13) {
	alert('Error');
}

สำหรับ jQuery ตัวอย่างโค้ด

โค้ด: เลือกทั้งหมด

if($('#no').val() != 10 || $('#no').val() != 13) {
	alert('Error');
}

Javascript หรือ jQuery อาจจะเอาไปเช็คตอนที่กด submit form หรือไม่ก็ดัก event change ของช่อง input ก็ได้ แล้วแต่ประยุกต์ใช้

[Tookta]

สามารถทำงานได้แล้วค่ะ โดยใช้วิธีนี้

โค้ด: เลือกทั้งหมด

 <script language="JavaScript">
        function chkString() {
            if (document.frmMain.promptpay.value.length > 13 || document.frmMain.promptpay.value.length < 10 ||
                document.frmMain.promptpay.value.length == 11 || document.frmMain.promptpay.value.length == 12) {
                alert('กรุณากรอกข้อมูล 10 ตัว หรือ 13 ตัวเท่านั้น');
                return false;
            }
        }
    </script>

promptpay คือ name ของ input
frmMain คือชื่อของ form ที่ใช้งาน
ถ้าไม่ใช่10 หรือ 13ตัว จะมีแจ้งเตือน

โค้ด: เลือกทั้งหมด

alert('กรุณากรอกข้อมูล 10 ตัว หรือ 13 ตัวเท่านั้น');

[Tookta]

ย้ายกระทู้มาหมวดคำถาม
JavaScript & jQuery Ajax & Node.JS
viewforum.php?f=18
เนื่องจาก post ผิดหมวด