Forgot Password ??

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

	Registered : 109,028

HOME > PHP > PHP Forum > ใช้ javascript เช็คค่าว่าง ทำปุ่ม submit เป็นรูปภาพ ไม่สามารถรันได้ครับ

ใช้ javascript เช็คค่าว่าง ทำปุ่ม submit เป็นรูปภาพ ไม่สามารถรันได้ครับ

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

yemenamen

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

คือผมใช้ javascript เช็คค่าว่างครับ ซึ่งพอกดปุ่ม submit หากช่องไหนว่างอยู่ก็จะมี popup แจ้งเตือนเด้งขึ้นมา ตอนทำปุ่ม submit ธรรมดา ก็รันได้ปกติ แต่พอทำปุ่มเป็น text ไม่สามารถรันได้ครับ

ตัวอย่าง code ผมเขียนไว้ใน ไฟล์เดียวกันเลย
JS

<script type="text/javascript">
function fncSubmit()
{

if(document.contacts-form.name.value == "")

{

alert('Please Enter Your Name');

document.contacts-form.name.focus();

return false;

}

if(document.contacts-form.email.value == "")

{

alert('Please Enter Your E-Mail');

document.contacts-form.email.focus();

return false;

}

if(document.contacts-form.message.value == "")

{

alert('Please Enter Your Message');

document.contacts-form.message.focus();

return false;

}

document.contacts-form.submit();
}
</script>

form

<form name="contacts-form" id="contacts-form" action="contact.php" onsubmit="JavaScript:return fncSubmit();" method="post">
<fieldset>
<div class="field text"><label>Your Name:</label><input name="name" type="text" id="name"></div>
<div class="field text"><label>Your E-mail:</label><input name="email" type="email" id="email"></div>
<div class="field"><label>Your Message:</label><textarea id="message" name="message"></textarea>
</div>
<div class="alignright"><a href="contact.html" class="link4" onClick="document.getElementById('contacts-form').reset()"><span><span>clear</span></span></a><a href="#" class="link2" onClick="document.getElementById('contacts-form').submit()"><span><span>Send</span></span></a></div>
</fieldset>
</form>

รบกวนขอคำปรึกษาด้วยครับ

Tag : PHP, JavaScript

Date : 2012-08-15 17:51:22

By : yemenamen

View : 2239

Reply : 5

No. 1

Krungsri

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

Code (PHP)

<a href="#" onclick="document.contacts-form.submit();">ส่งค่า</a>

Date : 2012-08-15 18:52:30

By : Krungsri

No. 2

yemenamen

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

หมายถึงบรรทัดนี้รึป่าวครับ

<?php
<div class="alignright"><a href="#" class="link2" onclick="document.contacts-form.submit();" ><span><span>Send</span></span></a></div>
?>

Date : 2012-08-15 19:03:57

By : yemenamen

No. 3

Krungsri

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

ครับใช้ได้ป่าว

Date : 2012-08-15 20:11:56

By : Krungsri

No. 4

yemenamen

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

ลองดูแล้วอะครับ
ยังไม่เกิดผล...

Date : 2012-08-16 10:10:18

By : yemenamen

No. 5

bom

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

ผมไม่แน่ใจนะครับว่ามันจะเกี่ยวที่ชื่อ "contacts-form" ตรงนี้หรือเปล่า เพราะลองเปลี่ยนเป็นอย่างอื่นเช่น"contacts_form"
และตรงการเรียกใช้เป็น <a href="#" class="link2" onClick="JavaScript:fncSubmit();"> ก็สามารถใช้งานได้ส่วนข้อสงสัยรอผู้รู้มาแนะนำครับ

Date : 2012-08-16 12:09:32

By : namebom

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ใช้ javascript เช็คค่าว่าง ทำปุ่ม submit เป็นรูปภาพ ไม่สามารถรันได้ครับ

รายละเอียด

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

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

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

โดย

อีเมล์

บวกค่าให้ถูก