สอบถามเรื่องการทำ validate from boostrap 4 ครับ จะกำหนดให้มันกรอกได้เฉพาะภาษาอังกฤษและตัว @ เท่านั้น

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถามเรื่องการทำ validate from boostrap 4 ครับ จะกำหนดให้มันกรอกได้เฉพาะภาษาอังกฤษและตัว @ เท่านั้น

CODE JS

<script>
   // Validation
   (function() {
       'use strict';
       window.addEventListener('load', function() {
           // Fetch all the forms we want to apply custom Bootstrap validation styles to
           var forms = document.getElementsByClassName('needs-validation');
           // Loop over them and prevent submission
           var validation = Array.prototype.filter.call(forms, function(form) {
               form.addEventListener('submit', function(event) {
                   if (form.checkValidity() === false) {
                       event.preventDefault();
                       event.stopPropagation();
                   }
                   form.classList.add('was-validated');
               }, false);
           });
       }, false);
   })();
   </script>

https://getbootstrap.com/docs/4.0/components/forms/

ผมใช้ตัว JS boostrap แล้วผมต้องการกำหนดให้ from ให้กรอกได้เฉพาะภาษาอังกฤษและตัว @ เท่านั้นต้องกำหนดยังไงครับ และอีก from ให้กรอกได้ทั้งภาษาไทยและภาษาอังกฤษเท่านั้น ห้ามกรอกตัวเลขหรืออักษรพิเศษ

Awordmart 09-05-2018 18:50:21

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก

ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
User

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

( หรือ เข้าใช้งานผ่าน Social Login )

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 1

ลองใช้ pattern แทรกเข้าไปใน input text ดู เช่น

1	`<input type="text"` `pattern="([A-Za-z]\|[@])+"` `/>`

ninenik 09-05-2018

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน