|
|
|
จะใช้คำสั่ง this.disabled=true ที่ปุ่ม Submit เพื่อป้องกันจากการกดหลายๆ ครั้ง โดยมี Form ที่มี 2ปุ่ม submit อย่างไงค่ะ มีโค๊ดตัวอย่าง |
|
|
|
|
|
|
|
https://www.w3schools.com/jsref/prop_pushbutton_disabled.asp
Code (JavaScript)
<input id="formSumitButton" type="submit" name="button1" value="Save" onClick="JavaScript:fncSubmit('page1')" onkeypress="return handleEnter(this, event)"/>
Code (JavaScript)
if(strPage == "page1"){
if(document.frmMain.p_n.value == ''){
// your code ...
}
document.getElementById("formSumitButton").disabled = true;
}
|
|
|
|
|
Date :
2020-07-23 18:54:43 |
By :
mr.v |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
เอาคำสั่ง submit() มาสั่งอีกทีตอนท้ายสุด
|
|
|
|
|
Date :
2020-07-24 09:03:53 |
By :
mr.v |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
อีกรุปแบบ
<input type="button" name="p1" value="Compute" onClick="fncSubmit(this)" />
แล้ว ใน function
Code (JavaScript)
function fncSubmit(inp){
inp.disabled=true; // disable ปุ่มที่กด
switch (inp.name){ // ตรวสอบชื่อของปุ่ม
case 'p1': frmMain.submit(); break; // ถ้าเป็น ปุ่ม p1 ก็ผ่านเข้า submit
case 'button1': // เมื่อกดปุ่ม page1 (name คือ button1
if( frmMain.p_n.value == ''){ // ตรวจสอบ object
alert(" กรุณากรอกช่อง Name ");
frmMain.p_n.focus();
inp.disabled=false; // อย่าลืมปลดปล่อยพันธนาการด้วย
return false;
}
frmMain.action="save1.php";
frmMain.submit();
}
}
อย่าลืมที่ tag <form> เอา onsubmit ออกด้วย มันซ้ำซ้อน
กรณี เป็น form เราสามารถใช้ name ในการอ้างอิง ได้โดยตรง
กรณีที่เป็น หลาย form แต่ชื่อเดียวกัน ให้อ้างอิงแบบ array name[0].submit()
|
ประวัติการแก้ไข 2020-07-24 09:56:02 2020-07-24 09:57:18
|
|
|
|
Date :
2020-07-24 09:54:25 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 01
|