Jquery filter ค่าที่กรอกเข้ามา เฉพาะอังกฤษ ตัวเลข

วันที่ลง : 08/05/2014 13:03:45   แชร์ :

Jquery filter ค่าที่กรอกเข้ามา เฉพาะอังกฤษ ตัวเลข

พอดีมีงานต้องกำหนดการกรอกค่าจาก textbox  สะดวกดี ก็เลยมาแนะนำ เก็บไว้เป็นโน้ตส่วนตัวด้วย
เราจะใช้ plugin filter input เป็นตัวเรียกใช้งานได้ง่าย ตามโค้ดด้านล่าง วางใน tag <head>
อย่าลืมเรียกใช้ jquery ก่อนด้วย 
 
ดาวน์โหลด jquery filter input ที่นี่ มี tutorial ใช้ได้เลย 
  1. <script type="text/javascript" src="js/jquery.filter_input.js"></script>  
  2. <script type="text/javascript">  
  3. $(document).ready(function() {  
  4.  $('#shopname').filter_input({regex:'[a-zA-Z0-9_-]'});  
  5.  $('.input_filternumber').filter_input({regex:'[0-9]'});  
  6. });  
  7. </script>  
 จากบรรทัดที่ 4  เรากำหนดเป็น # คือการเรียกผ่าน id
บรรทัดที่ 5 เราใช้ . เป็นการเรียกผ่าน class ซึ่งทำให้ใช้ได้หลายทีในหน้าเดียว
 
ดูโค้ด html กัน 
  1. บรรทัด4  
  2. <input type="text" name="abc" id="shopname">  
  3.   
  4. บรรทัด5  
  5. <input type="text" name="xyz" class="input_filternumber">  
 
 


บทความก่อนหน้า
Login ด้วย Session สมัครสมาชิก ยืนยันสมัคร ลืมรหัสผ่าน ครบชุด 4
บทความต่อไป
Sql รวม data 2 field ไปไว้ใน field ที่ 3

บทความสงวนลิขสิทธิ์นะ กรุณาอย่า copy ไปแปะ มันไม่ดีต่อความรู้สึก
คุณสามารถเปิดหน้านี้ได้ง่ายๆ ไม่ต้องพิมพ์เอง ด้วยการใช้โปรแกรม QR Reader เพียงสแกนผ่านมือถือหรือ Tablet สแกนไปยัง QR Code

Google Search Ranking

ตรวจสอบอันดับเว็บใน Google เว็บคุณอยู่อันดับไหน ด้วย keywordที่กำหนด

ค้นจาก

Website

Keyword


PHP Captcha Pro 1.0


PHP Code captcha เวอร์ชั่น Pro สุ่มได้ภาษาอังกฤษ ไทย และตัวเลข เลือกสุ่มเฉพาะอย่างได้ สุ่มสีตัวอักษร สุ่มสี background กำหนดความกว้างสูงรูป กำหนดจำนวนตัวอักษรที่สุ่ม เปลี่ยน font ได้ สามารถ Refresh ภาพ โดยไม่ต้อง refresh ทั้งหน้า
จำหน่าย 300 บาท   ดูรายละเอียดเพิ่มเติม
ตัวอย่าง 1
ตัวอย่าง 2

Thaiquick.com

เว็บโฮสติ้ง 500 mb. เริ่มต้นปีละ 1,000 บาท วางกสท Direct admin ลง Linux Centos รองรับ PHP , Mysql บริหารโดยทีมงาน PHPThai.com   www.Thaiquick.com

Responsive Test

Responsive Test จำลองการทดสอบเปิด Web ขนาดหลายหน้าจอ PC กว้างไม่เท่ากัน เปิดบนมือถือหน้าตาอย่างไร ลองทดสอบดู







 
 

↑ Go top