Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > เขียน jquery ให้ทำงานบน browser ทั้ง pc และ มือถือ ยังไงครับ?

เขียน jquery ให้ทำงานบน browser ทั้ง pc และ มือถือ ยังไงครับ?

เริ่มหัวข้อใหม่

โอม

โพสกระทู้ ( 44 )
บทความ ( 0 )

ผมต้องการให้ช่อง input text มันกรองแค่ตัวเลขกับทศนิยม ซึ่งพอค้นหาก้เจอโค้ด

Code (JavaScript)

		function chkNumber(){
		  var vchar = String.fromCharCode(event.keyCode);
		  if ((vchar<'0' || vchar>'9') && (vchar != '.')) return false;
		  ele.onKeyPress=vchar;
		}

จากเว็บนี้พอดี

ตอนนำไปใช้มันได้ผลดีกับใน browser บน pc ครับ แต่ไม่ทำงานบน browser ของ smartphone เลย ซึ่งพอไปหาข้อแตกต่างดู เหมือนว่ามันมีวิธีเขียน jquery แตกต่างจากปกติหน่อยนึงน่ะครับ แต่ผมไม่เข้าใจสักแอะเลย ( ไม่มีพื้น java น่ะครับ )

เลยมาขอคำแนะนำคนในนี้หน่อยว่าใครพอรู้วิธีเขียนมั่งครับ?

Tag : PHP, JavaScript, Ajax, jQuery, iOS, Android

Date : 2014-08-06 17:18:31

By : nimirue

View : 1726

Reply : 7

No. 1

TC Admin

โพสกระทู้ ( 74,059 )
บทความ ( 838 )

Quote:
event.keyCode

นี่มันอ่าน Keyboard ซึ่งบนพวก Mobile มันน่าจะแตกต่างกันไปครับ ให้เลือกใช้การเช็ควิธีอื่นครับ เช่น Mobile ให้ใส่

Code

Date : 2014-08-06 17:38:32

By : mr.win

No. 2

โอม

โพสกระทู้ ( 44 )
บทความ ( 0 )

เปลี่ยนจาก type="text" เป็น type="number" ใช่มั้ยครับ?

type="number" มันไม่เก็บทศนิยมให้น่ะครับ เวลาผม input แบบทศนิยมไป มันจะเด้งให้ปัดเศษอย่างเดียวเลยครับ ซึ่งข้อมูลที่ผมต้องเก็บมันมีทศนิยมด้วย

เลยต้องมาใช้แบบ text แต่ดักตัวอักษรเอา

Date : 2014-08-06 17:49:44

By : nimirue

No. 3

Genesis™

โพสกระทู้ ( 4,169 )
บทความ ( 7 )

งั้นลองดู link นี้ครับ
http://jqueryvalidation.org/number-method/

Date : 2014-08-06 17:52:29

By : Ex-[S]i[L]e[N]t

No. 4

โอม

โพสกระทู้ ( 44 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 3 เขียนโดย : Ex-[S]i[L]e[N]t เมื่อวันที่ 2014-08-06 17:52:29

รายละเอียดของการตอบ ::

ลองเล่นโค้ดดูแล้ว โอเคครับ ถึงจะดักแบบชนิดให้พิมพ์ไม่ได้ แต่ก็แจ้งเตือนแบบนี้ หัวหน้าบอกพอได้ครับ ไว้ผมลองบนมือถือแล้ว จะมาบอกอีกทีนะครับ ว่าผลออกมาเป็นยังไง

Date : 2014-08-06 18:22:59

By : nimirue

No. 5

โอม

โพสกระทู้ ( 44 )
บทความ ( 0 )

รายงานผลครับ โค้ดจากเว็บที่ให้ ตอนก็อบมาลองหมดในหน้าใหม่ ทำงานปกติดีครับ

แต่พอจับมายัดในฟอร์มที่จะใช้ code ดันทำงานแค่ในช่อง input type="number" ทั้งๆที่หน้า code ที่ก็อบไปลอง แบบ text ยังทำงานได้
เพราะงั้นเลยติดปัญหาเดิมที่ผมตอบตรง No.2 คือ number มันไม่รับค่าทศนิยม เพราะมันนับจุดเป็นตัวอักษร ซึ่ง java ตรงเว็บ บอกว่าผ่าน แต่ input มันไม่ให้ผ่าน โค้ดเลยใช้ไม่ได้น่ะครับ

แต่ได้วิธีแก้ง่ายๆละครับ

http://stackoverflow.com/questions/8099642/decimals-in-jquery-mobile-number-input

คือแค่ใส่ step="0.01" min="0" ตรง input type="number" [ <input type="number" step="0.01" min="0" > ] ก็สามารถใส่ทศนิยม 2ตำแหน่งได้แล้วครับ

ขอบคุณทุกการช่วยเหลือครับ

Date : 2014-08-07 09:47:33

By : nimirue

No. 6

คนธรรมดา ไม่พิเศษ

โพสกระทู้ ( 2,311 )
บทความ ( 1 )

งั้นเพิ่มตัวนี้เข้าไปครับ step="any" แล้วมันจะเช็คให้กรอกเฉพาะตัวเลขเท่านั้น และใส่จุดทศนิยมได้
โค้ดเต็มๆ
Code (PHP)

<input name="name" type="number" step="any" id="name" />

Date : 2014-08-07 09:59:36

By : arm8957

No. 7

TC Admin

โพสกระทู้ ( 74,059 )
บทความ ( 838 )

แจ่ม ๆ กันจริง ๆ ครับ

Date : 2014-08-07 10:07:24