[Update] หลักการใช้คอมม่า (Comma) ในภาษาอังกฤษ | ตัวเล็ก ภาษาอังกฤษ – NATAVIGUIDES

คอมม่า (,) เป็นเครื่องหมายวรรคตอนที่ใช้บ่อยในภาษาอังกฤษ แต่ถึงแม้จะถูกใช้บ่อย หลายๆคนก็ยังคงสับสนอยู่ดี ว่าเราควรใช้คอมม่าตอนไหนและต้องใช้อย่างไรบ้าง

สำหรับคนที่สงสัย ในบทความนี้ ชิววี่ก็ได้เรียบเรียงเนื้อหาการใช้คอมม่าในภาษาอังกฤษ มาให้เพื่อนๆได้เรียนรู้กันได้อย่างง่ายๆแล้ว ถ้าเพื่อนๆพร้อมแล้ว เราไปดูกันเลย

คอมม่าคืออะไร

คอมม่า (comma) เป็นเครื่องหมายวรรคตอนในภาษาอังกฤษ ทำหน้าที่แยกคำ วลี หรือประโยค เพื่อให้ผู้อ่านสามารถอ่านจับใจความได้ง่ายและถูกต้องมากขึ้น

ถ้าเปรียบเทียบคอมม่ากับเครื่องหมายจุด (.) ที่ใช้ปิดท้ายประโยค หรือที่เรียกว่า period เครื่องหมายทั้ง 2 ตัวนี้จะเป็นตัวบอกการเว้นจังหวะในการอ่านและพูดเหมือนกัน แต่เครื่องหมายคอมม่าจะเป็นตัวบอกจังหวะการเว้นที่สั้นกว่า

หลักการใช้คอมม่า

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

1. ใช้คอมม่าหน้าคำเชื่อมที่เชื่อม independent clause

Independent clause (ประโยคใจความสมบูรณ์) คือประโยคที่มีทั้งประธานและคำกริยา ตัวประโยคจะมีใจความสมบูรณ์ในตัวมันเอง เช่น

I am a student. (ฉันเป็นนักเรียน) – ถือเป็น independent clause เพราะมีทั้งประธานและคำกริยา
Feel good (รู้สึกดี) – ไม่ใช่ independent clause เพราะไม่มีประธาน
Big black cat (แมวสีดำตัวใหญ่) – ไม่ใช่ independent clause เพราะไม่มีคำกริยา

ส่วนคำเชื่อมในที่นี้จะต้องเป็น coordinating conjunction ซึ่งก็คือคำเชื่อมที่ให้น้ำหนักกับ 2 สิ่งที่ถูกเชื่อมเท่าๆกัน โดยอาจใช้เชื่อมคำ วลี หรือประโยคก็ได้ coordinating conjunction มีทั้งหมด 7 ตัวคือ for, and, nor, but, or, yet, so (เมื่อนำอักษรแรกมาต่อกันจะได้เป็น FANBOYS ใช้ช่วยให้ท่องจำได้ง่ายขึ้น)

หากเราเชื่อม independent clause 2 ประโยคด้วย coordinating conjunction เราจะต้องใช้คอมม่าหน้า coordinating conjunction

โครงสร้างการใช้

independent clause + , + coordinating conjunction + independent clause

ตัวอย่างประโยค

He didn’t speak to anyone, and nobody spoke to him.
เขาไม่ได้พูดกับใคร และก็ไม่มีใครพูดกับเขา

I wanted to stay home, but my wife wanted to go shopping.
ฉันอยากอยู่บ้าน แต่ภรรยาของฉันอยากไปช้อปปิ้ง

เราจะไม่ใช้คอมม่า ถ้าข้างหน้าหรือข้างหลัง coordinating conjunction ไม่ใช่ independent clause

She brushed her teeth and washed her face.
เธอแปรงฟันและล้างหน้า
(washed her face ไม่ใช่ independent clause)

I am not a writer but an editor.
ฉันไม่ใช่นักเขียน แต่เป็นบรรณาธิการ
(an editor ไม่ใช่ independent clause)

2. ใช้คอมม่าเมื่อขึ้นต้นประโยคด้วย dependent clause

Dependent clause คือประโยคที่มีใจความไม่สมบูรณ์ เวลาใช้จะต้องใช้ร่วมกับประโยคอื่น ในที่นี้เราจะแบ่งออกเป็น 3 กรณี

1. Participial phrase

เมื่อประโยคขึ้นต้นด้วยวลีจำพวก participial phrase ซึ่งก็คือวลีที่ขึ้นต้นด้วย v. + ing หรือ v. ช่อง 3 เราจะต้องใช้คอมม่าคั่นหลังวลีนั้น

โครงสร้างการใช้

participial phrase + , + ประโยคหลัก

ตัวอย่างประโยค

Being the only son in the family, his family have high hopes for him.
ด้วยการที่เขาเป็นลูกชายคนเดียวในครอบครัว ครอบครัวของเขาจึงตั้งความหวังกับเขาไว้สูง

Bitten by my own dog, I was very disappointed.
การโดนกัดโดยหมาของตัวเองทำให้ฉันรู้สึกผิดหวังมาก

2. Adverbial phrase

แต่ถ้าประโยคขึ้นต้นด้วย adverbial phrase ซึ่งก็คือวลีที่ทำหน้าที่เป็น adverb เราอาจใช้คอมม่าหรือไม่ใช้ก็ได้ (ถ้า adverbial phrase ยาว หรือเราต้องการเน้น adverbial phrase นั้น เราจะนิยมใช้คอมม่า)

ตัวอย่าง adverbial phrase เช่น
At 6 o’clock
After the show
In the middle of Bangkok

โครงสร้างการใช้

adverbial phrase + (,) + ประโยคหลัก

ตัวอย่างประโยค

In 2020 there is a pandemic affecting the world.
ในปี 2020 มีโรคระบาดที่ส่งผลกระทบไปทั่วโลก

When I was six, I lived in Chiang Mai with my mom.
ตอนฉันอายุหกขวบ ฉันอาศัยอยู่ที่เชียงใหม่กับแม่ของฉัน

3. Sentence adverb

ถ้าประโยคขึ้นต้นด้วย sentence adverb ซึ่งก็คือคำจำพวก adverb ที่ทำหน้าที่ขยายทั้งประโยค เราจะใช้คอมม่าคั่นหลัง sentence adverb นั้น

โครงสร้างการใช้

sentence adverb + , + ประโยคหลัก

ตัวอย่างประโยค

Honestly, I am not angry.
ตรงๆเลยนะ ฉันไม่ได้โกรธ

Clearly, this plan isn’t working.
เห็นได้ชัดว่าแผนนี้ใช้ไม่ได้ผล

3. ใช้คอมม่าคั่นวลีหรือคำกลางประโยคที่ทำหน้าที่ให้ข้อมูลเพิ่มเติม

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

โครงสร้างการใช้

ประโยคส่วนที่ 1 + , + วลี/คำที่ทำหน้าที่ให้ข้อมูลเพิ่มเติม + , + ประโยคส่วนที่ 2

ตัวอย่างประโยค

Tim, unlike Joe, is very polite.
ทิมเป็นคนสุภาพมาก ไม่เหมือนกับโจ

King Crab restaurant, which Anne recommended, is fantastic.
ร้านอาหารคิงแครบที่แอนแนะนำนั้นดีมาก

แต่ถ้าวลีหรือคำนั้นจำเป็นสำหรับประโยค ถ้าตัดออกแล้วใจความเปลี่ยน เราก็จะไม่ใช้คอมม่า

People who exercise regularly tend to be more happy.
คนที่ออกกำลังกายสม่ำเสมอมักจะมีความสุขมากกว่า
(ถ้าตัด who exercise regularly ทิ้ง ความหมายจะเปลี่ยนเป็น “คนจะมีความสุขมากกว่า” ซึ่งมีใจความผิดไปจากเดิม)

The restaurant that Anne recommended is fantastic.
ร้านอาหารที่แอนแนะนำนั้นดีมาก
(ถ้าตัด that Anne recommended ทิ้ง ความหมายจะเปลี่ยนเป็น “ร้านอาหารดีมาก” ซึ่งมีใจความผิดไปจากเดิม คือเราจะไม่รู้ว่าหมายถึงร้านไหน)

วลีที่ขึ้นต้นด้วย that มักจะจำเป็นสำหรับประโยค เรามักจะไม่ใช้คอมม่าครอบส่วนนั้น

4. ใช้คอมม่าแยกรายการคำตั้งแต่ 3 รายการขึ้นไป

ถ้าเรามีรายการคำตั้งแต่ 3 รายการขึ้นไป เราจะต้องคั่นแต่ละรายการด้วยคอมม่า ยกเว้นรายการสุดท้าย เราจะคั่นด้วยคอมม่าหรือไม่ก็ได้

โครงสร้างการใช้

รายการหนึ่ง, รายการสอง(,) and รายการสุดท้าย

ตัวอย่างประโยค

He is tall, dark, and handsome.
หรือ He is tall, dark and handsome.
เขาทั้งสูง เข้ม และหล่อ

She needs salt, pepper, and other seasonings at the grocery store.
หรือ She needs salt, pepper and other seasonings at the grocery store.
เธอต้องการเกลือ พริกไทย และเครื่องปรุงอย่างอื่นที่ร้านขายของ

5. ใช้คอมม่าคั่นระหว่าง coordinate adjectives

Coordinate adjectives คือคำคุณศัพท์ที่ขยายคำนามคำเดียวกันและมีความสำคัญเท่าๆกัน สามารถสลับที่กันได้ ตัวอย่างเช่น

เราสามารถใช้ได้ทั้ง long, narrow path
และ narrow, long path
คำว่า long และ narrow ในที่นี้จะถือเป็น coordinate adjectives

เราสามารถใช้ big black bear
แต่ไม่สามารถใช้ black big bear
คำว่า big และ black ไม่ถือเป็น coordinate adjectives (การใช้ adjective ขนาดจะต้องมาก่อนสี)

โครงสร้างการใช้

coordinate adjective 1 + , + coordinate adjective 2 + คำนาม

ตัวอย่างประโยค

The happy, lively cat is playing with the ball.
แมวที่มีความสุขสดใสกำลังเล่นกับลูกบอล

My roommate is a cheerful, kind girl.
รูมเมทของฉันเป็นเด็กผู้หญิงที่ร่าเริงและใจดี

ทั้งนี้ เราสามารถใช้ and เชื่อมระหว่าง coordinate adjectives แทนคอมม่าก็ได้เช่นกัน อย่างเช่น My roommate is a cheerful and kind girl.

6. ใช้คอมม่าคั่นระหว่างคำพูดกับวลีที่กำกับ

ในภาษาอังกฤษ เวลาเราเขียนประโยคที่เป็นคำพูด เราจะใช้เครื่องหมาย “-” ครอบประโยคคำพูดนั้น อย่างเช่น Anne said, “I feel sick.” ซึ่งแปลว่า แอนพูดว่า “ฉันรู้สึกป่วย”

สังเกตว่า เราจะใช้คอมม่าคั่นระหว่างวลีที่เข้ามากำกับ ซึ่งก็คือ Anne said และประโยคที่เป็นคำพูด ซึ่งก็คือ “I feel sick.”

ทั้งนี้ วลีที่กำกับนั้นอาจจะอยู่หน้า อยู่กึ่งกลาง หรืออยู่หลังประโยคที่เป็นคำพูดก็ได้

โครงสร้างการใช้

• วลีกำกับ, “ประโยคคำพูด”
• “ประโยคคำพูด,” วลีกำกับ, “ประโยคคำพูด”
• “ประโยคคำพูด,” วลีกำกับ

ตัวอย่างประโยค

He answered, “She is not here.”
เขาตอบ “เธอไม่ได้อยู่ที่นี่”

“I think,” she said, “Joe can help.”
“ฉันคิดว่า” เธอพูด “โจสามารถช่วยได้”

“It is raining,” Tim said.
“ฝนกำลังตก” ทิมพูด

ในกรณีที่วลีกำกับอยู่ข้างหลังประโยคคำพูด ถ้าประโยคคำพูดลงท้ายด้วยเครื่องหมายตกใจ (!) หรือเครื่องหมายคำถาม (?) เราจะไม่ต้องใช้คอมม่า

“Stop playing video game!” mom yelled.
“หยุดเล่นเกมได้แล้ว” แม่ตวาด

“Are you alright?” Ben asked.
“คุณโอเคมั้ย” เบ็นถาม

บางคนอาจสงสัยว่า เราต้องใส่คอมม่าไว้ในหรือนอกเครื่องหมาย “-” ทำไมบางทีเห็นแต่ละที่ใช้ไม่เหมือนกัน

คำตอบก็คือถ้าเป็น American English จะนิยมเอาไว้ข้างใน เช่น “It is raining,” Tim said. แต่ถ้าเป็น British English จะนิยมเอาไว้ข้างนอก เช่น “It is raining”, Tim said.

7. ใช้คอมม่าในการแยกวันที่และสถานที่

ใช้คอมม่าคั่นระหว่างวันและปีเมื่อเราเขียนวันที่ในรูปแบบ เดือน-วันที่-ปี แต่ถ้าเราเขียนในรูปแบบ วันที่-เดือน-ปี เราจะไม่ต้องใช้คอมม่า

โครงสร้างการใช้

เดือน วันที่, ปี

ตัวอย่างประโยค

She was born on December 10, 1995.
เธอเกิดเมื่อวันที่ 10 ธันวาคม 1995

She was born on 10 December 1995.
เธอเกิดเมื่อวันที่ 10 ธันวาคม 1995

และใช้คอมม่าคั่นระหว่างคำบอกสถานที่ที่ต่างกัน เช่น เมือง จังหวัด รัฐ ประเทศ

โครงสร้างการใช้

• ชื่อตำบล, ชื่อเขต, ชื่อจังหวัด, ชื่อประเทศ
• ชื่อเมือง, ชื่อรัฐ, ชื่อประเทศ

ตัวอย่างประโยค

I live in Bangkok, Thailand.
ฉันอาศัยอยู่ในกรุงเทพฯ ประเทศไทย

He came from Chicago, Illinois.
เขามาจากเมืองชิคาโก้ รัฐอิลลินอยส์

8. ใช้คอมม่าหน้า question tag

ใช้คอมม่าคั่นระหว่างประโยคหลักกับ question tag

โครงสร้างการใช้

ประโยคหลัก + , + question tag

ตัวอย่างประโยค

These flowers are beautiful, aren’t they?
ดอกไม้เหล่านี้สวยมาก ว่ามั้ย

You didn’t forget the key, did you?
คุณไม่ได้ลืมกุญแจใช่มั้ย

9. ใช้คอมม่าเมื่อเรียกบุคคลโดยตรง

ใช้คอมม่าคั่นระหว่างคำเรียกบุคคลอื่นกับส่วนอื่นของประโยค เมื่อเราเรียกบุคคลนั้นโดยตรง

โครงสร้างการใช้

• ประโยคหลัก + , + คำเรียกบุคคล
• คำเรียกบุคคล + , + ประโยคหลัก

ตัวอย่างประโยค

Dad, where are you?
พ่ออยู่ไหน

See you later, John.
ไว้เจอกันใหม่นะจอห์น

10. ใช้คอมม่าหลังคำขึ้นต้นประโยค

ใช้คอมม่าคั่นระหว่างคำขึ้นต้นประโยคกับประโยคหลัก อย่างเช่น คำทักทาย yes/no

โครงสร้างการใช้

• คำทักทาย + , + ประโยคหลัก
• yes/no + , + ประโยคหลัก

ตัวอย่างประโยค

Hello, how is it going?
สวัสดี เป็นยังไงบ้าง

Yes, I live by myself.
ใช่ ฉันอยู่คนเดียว

11. ใช้คอมม่าเพื่อป้องกันการสับสน

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

ตัวอย่างประโยค

I waved at my friend who entered the canteen, and smiled.
ฉันโบกมือให้เพื่อนที่เข้ามาในโรงอาหาร และยิ้มให้เค้า
(คอมม่าทำให้เรารู้ว่าฉันเป็นคนยิ้ม ไม่ใช่เพื่อนยิ้ม)

เป็นยังไงบ้างครับกับหลักการใช้เครื่องหมายคอมม่า (comma) ในภาษาอังกฤษ ทีนี้เพื่อนๆก็คงจะเข้าใจและสามารถนำไปใช้ได้ถูกต้องมากขึ้นแล้วนะครับ

อย่าลืมนะครับ ภาษาอังกฤษยิ่งเรียนรู้ ยิ่งฝึก ก็ยิ่งเก่ง สำหรับบทความนี้ ชิววี่ต้องขอตัวลาไปก่อน See you next time

เนื้อหานี้ จะเป็นแนวทางทบทวนการรับค่าข้อมูลด้วยเงื่อนไขที่ต้องการ โดยจะจำลองการตรวจสอบ

ข้อมูลทั้งการใช้งานการตรวจสอบผ่าน Form validation ของ HTML 5 และ JavaScript และผ่าน PHP

โดยจะยกตัวอย่างไล่ตามลำดับ แต่สิ่งหลัก คือเราจะทำการตรวจสอบข้อมูลว่า เป็นภาษาไทย

หรือ ภาษาอังกฤษ และการประยุกต์ใช้งาน

สำหรับรูปแบบการตรวจสอบข้อมูล เราจะใช้รูปแบบการตรวจสอบผ่านการใช้งาน Regular Expression

ซึ่งสามารถดูแนวทางได้ที่บทความ ตามลิ้งค์ด้านล่าง

    ในที่นี้จะขอใช้งาน bootstrap 4 ประกอบการจัดรูปแบบและการอธิบาย เราจะสร้างฟอร์มอย่างง่าย ที่มี input

text สองอัน ให้ผู้ใช้ กรอกข้อมูลที่เป็นชื่อ-นามสกุล ภาษาไทย และ ชื่อ-นามสกุลภาษาอังกฤษ และปุ่มส่งข้อมูล

ก่อนไปสู่รายละเอียดของฟอร์ม มาดูรูปแบบ regular expression ที่จะใช้งานกันก่อน 

รูปแบบการตรวจสอบข้อมูลภาษาอังกฤษเท่านั้น

   [a-zA-Z] หมายถึง ต้องเป็นตัวอักษรภาษาอังกฤษ จะเป็นตัวพิมพ์เล็ก หรือตัวพิมพ์ใหญ่ก็ได้

   + หมายถึง ต้องมีอย่างน้อย 1 ตัวอักษร นั่นก็คือต้องกรอกข้อมูล

   ^ หมายถึง ขึ้นต้นด้วย ค่าที่กำหนด

    $ หมายถึง ลงท้ายด้วย ค่าที่กำหนด

คำอธิบายรวม หมายถึง ขึ้นต้นหรือลงท้ายด้วยตัวอักษรภาษาอังกฤษ ตัวพิมพ์เล็กหรือตัวพิมพ์ใหญ่ก็ได้

โดยต้องกรอกข้อมูลอย่างน้อย 1 ตัวอักษรขึ้นไป

อย่างไรก็ตาม รูปแบบข้างต้นยังไม่ถูกต้องเสียทีเดียว สำหรับการตรวจสอบข้อมูลชื่อภาษาอังกฤษ สิ่งที่เราต้องเพิ่ม

คือ ต้องมีช่องว่าง ซึ่งในที่นี้เราจะใช้ \s ในการตรวจสอบช่องว่าง จะได้รูปแบบสำหรับเงื่อนไขใหม่เป็นดังนี้

    \s หมายถึง ช่องว่างทุกตัว

รูปแบบการตรวจสอบข้อมูลภาษาไทยเท่านั้น

    สำหรับรูปแบบการตรวจสอบข้อมูลภาษาไทย จะมี 2 รูปแบบ แบบแรก คือเรากำหนดตัวอักษร ภาษาไทยทุกตัว

ที่เราต้องการตรวจสอบ เข้าไปใน [] ดังนี้

    จะเห็นว่ารูปแบบนี้ ถึงแม้จะใช้งานได้ แต่ยังเป็นวิธีที่ยังไม่ดีพอ เราสามารถใช้วิธีกำหนดแบบช่วงตัวอักษรเเช่น

เดียวกับภาษาอังกฤษ เช่น a-z ซึ่งภาษาไทย เราจะใช้ช่วงของตัวอักษรภาษาไทยทั้งหมดผ่าน unicode สามารถดู

ได้ที่ลิ้งค์ด้านล่าง

    จากรุปภาพด้านบน เราสามารถกำหนดช่วงของ ตัวอักษรภาษาไทย จากตัวแรกคือ ก และตัวสุดท้าย ๛

เราจะได้รูปแบบที่สองเป็นดังนี้

    รูปแบบข้างต้น ยังไม่ใช้รูปแบบที่ถูกต้อง เนื่องจากว่า ชื่อ นามสกุล จะไม่มีตัวเลขที่เป็นตัวเลขไทย รวมทั้ง

ระหว่างชื่อ กับนามสกุลจะต้องมีช่องว่าง เราจึงเพิ่มการตรวจสอบใหม่ โดยให้ตัวสุดท้ายเป็น ๏ และตรวจสอบช่องว่าง

ด้วย จะได้รูปแบบใหม่เป็นดังนี้

ตอนนี้เราได้รูปแบบสำหรับตรวจสอบชื่อ นามสกุลทั้งภาษาไทย และภาษาอังกฤษ แล้ว คือ

ต่อไปเป็นขั้นตอนของการประยุกต์ใช้งาน 

 

สามารถดูตัวอย่างได้ที่ DEMO 1

รูปแบบแรกเราใช้การตรวจสอบแบบกำหนดเอง จะเห็นได้จากเรากำหนด novalidate ให้กับ <form> 

เพื่อไม่ให้มีการแจ้งเตือนการตรวจสอบฟอร์มโดย browser แต่ยังรองรับการตรวจสอบและคืนค่าการตรวจสอบ

ฟอร์มจาก form validation ของ html5 ผ่านการกำหนด required และ pattern ให้กับฟิลด์ที่ต้องการ

สามารถดูตัวอย่างได้ที่ DEMO 2

วิธีที่สองนี้ จะคล้ายๆ กับวิธีแรก คือใช้คุณสมบัติการตรวจสอบ form validation จาก html แต่วิธีนี้ เราใช้

การแจ้งเตือนที่ทำผ่าน browser จะไม่มีการกำหนด novalidate ให้กับ <form> เหมือนวิธีแรก ไม่มีการใช้งาน

javascript เพื่อตรวจสอบกรณี sumit ฟอร์ม 

    เราสามารถกำหนดข้อความแจ้งเพิ่มเติม ผ่านการกำหนดค่า title ดังตัวอย่างต่อไปนี้
 

สามารถดูตัวอย่างได้ที่ DEMO 3

วิธีการตรวจสอบด้วย javascript ในที่นี้เราประยุกต์ใช้ร่วมกับ jquery จะเห็นว่าในฟอร์ม เราไม่มีการกำหนด

การตรวจสอบใดๆ จาก form validation ไม่มีการกำหนด pattern ไม่มีการกำหนด required ให้กับ input

text ทั้งสอง แต่ใช้วิธีการตรวจสอบผ่าน javascript เมื่อเกิดการ submit ข้อมูล โดยเราได้ทำการตรวจสอบ

ค่าของข้อมูลในฟอร์ม ผ่านการอ้างอิง เราไม่ได้ไปยุ่ง อะไรกับส่วนของฟอร์ม รูปแบบวิธีนี้ เราสามารถกำหนด

เงื่อนไขการตรวจสอบใดๆ ก็ได้ตามต้องการ โดยถ้าไม่ผ่านเงื่อนไข ก็ให้ทำการ return false กลับมา

    ในที่นี้จะขอเพิ่มโค้ดตรวจสอบไว้ในไฟล์เดียวกัน 

ไฟล์ demo.php

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 
    <title>Document</title> 
    <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/css/bootstrap.min.css" >
</head>
<body>
 
 <div class="container">
 <br>
 <?php
 if(isset($_POST['btn_submit'])){
	 $valid_form = false;
	 $status_response_error = "กรุณากรอกข้อมูลให้ถูกต้อง";
	 $data_input_name = (isset($_POST['input_name']) && $_POST['input_name']!="")?trim($_POST['input_name']):NULL;
	 $data_input_name_en = (isset($_POST['input_name_en']) && $_POST['input_name_en']!="")?trim($_POST['input_name_en']):NULL;
	 $pattern_thai = "/^[ก-๏\s]+$/u";
	 $pattern_eng = "/^[a-zA-Z\s]+$/";
	 
	 if(!is_null($data_input_name) && preg_match($pattern_thai,$data_input_name)){
		 if(!is_null($data_input_name_en) && preg_match($pattern_eng,$data_input_name_en)){
			 $valid_form = true;
		 }else{
		 	$status_response_error = "กรุณากรอกชื่อ นามสกุล ภาษาอังกฤษ";			 
		 }
	 }else{
		 $status_response_error = "กรุณากรอกชื่อ นามสกุล ภาษาไทย";
	 }
	 if($valid_form){
		echo '
			<div class="alert alert-success" role="alert">
			  ทำการบันทึกข้อมูลเรียบร้อย!
			</div>		 		
		';
	 }else{
		echo '
			<div class="alert alert-danger" role="alert">
			  '.$status_response_error.'!
			</div>		 		
		';
	 }
 }
 ?>
<form id="myform1" name="form1" method="post" action="" >
<div class="form-group row">
    <label for="input_name" class="col-sm-3 col-form-label text-right">ชื่อ นามสกุล (TH)</label>
    <div class="col">
      <input type="text" class="form-control" name="input_name" id="input_name" 
      value="" >
    </div>
</div>
<div class="form-group row">
    <label for="input_name_en" class="col-sm-3 col-form-label text-right">ชื่อ นามสกุล (EN)</label>
    <div class="col">
      <input type="text" class="form-control" name="input_name_en" id="input_name_en" 
       value="" > 
    </div>
</div>
<div class="form-group row">
    <div class="col-sm-3 offset-sm-3 text-right pt-3">
		 <button type="submit" name="btn_submit" id="btn_submit" value="1" class="btn btn-primary btn-block">ส่งข้อมูล</button>
	</div>
</div> 
</form> 
 
 </div>
 
<script src="https://unpkg.com/[email protected]/dist/jquery.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/js/bootstrap.min.js"></script>
<script type="text/javascript">
$(function(){


});
</script>
</body>
</html>