แก้ไม่ถูกครับเป็น code คนอื่นครับ ผมไปแก้ไม่ได้หลายๆส่วนด้วยครับมันเชื่อมโยงกับข้อมูลด้วยครับ หลักการที่ผมต้องพยายามทำคือทำ รูปภาพเป็นเสมือน ปุ่มให้คนกด แล้วให้ไปใส่ใน textbox ซึ้งมันมี 2 textbox ID Password ครับ ต้องเช็คว่า กด 17 ครังแรกให้เป็น ID หลังจากนั้นให้กดอีก 4 ครับเป็น password แล้วจบไม่ให้เพิ่มต่อ
โค้ด: เลือกทั้งหมด
//ส่วนนี้เป็น ฟังชัน ที่เวลาคนพิมพ์มาดักว่าให้ขึ้น '-' เมื่อถึงตำแหน่ง
function mask(str){
var locs = loc.split(',');
for (var i = 0; i <= locs.length; i++){
for (var k = 0; k <= str.length; k++){
if (k == locs[i]){
if (str.substring(k, k+1) != delim){
str = str.substring(0,k) + delim + str.substring(k,str.length)
}
}
}
}
textbox.value = str
}
//html
<td width="71%"><input name="user" value="" type="text" onKeyUp="javascript:return mask(this.value,this,'1,6,12,15','-');" style="font-family:verdana;font-size:10pt;width:145px;" maxlength="17"></td>
ผมพยายามใช้ แทรกเข้าไปก็จะขึ้นตัวเลขแค่ 1ตัวเท่านั้นกดปุ่มอื่นก็เป็นตัวใหม่เลย
โค้ด: เลือกทั้งหมด
//html
<img src="imagesKey/7.gif" name="7" OnClick="javascript:return mask('7');">
<img src="imagesKey/8.gif" name="8" OnClick="javascript:return mask('8');">
<img src="imagesKey/9.gif" name="9" OnClick="javascript:return mask('9');"/><br />
<img src="imagesKey/4.gif" name="4" OnClick="javascript:return mask('4');"/>
<img src="imagesKey/5.gif" name="5" OnClick="javascript:return mask('5');"/>
<img src="imagesKey/6.gif" name="6" OnClick="javascript:return mask('6');"/><br />
<img src="imagesKey/1.gif" name="1" OnClick="javascript:return mask('1');"/>
<img src="imagesKey/2.gif" name="2" OnClick="javascript:return mask('2');"/>
<img src="imagesKey/3.gif" name="3" OnClick="javascript:return mask('3');"/> <br />
<img src="imagesKey/0.gif" name="0" onClick="javascript:return mask('0');"/>
<img src="imagesKey/textKeypad.gif" /><br />
ถ้าผมใช้ เป็น รูปปุ่ม 2ชุดแบบนี้ได้ครับ แต่ว่าจะไม่มี '-' ขั้นไม่รู้ว่าตอนส่งข้อมูลไปมันจะผิดผลาดครับ อีกไฟล์หนึ่งก็ดักจับ '-' ด้วย
โค้ด: เลือกทั้งหมด
<img src="images/7.gif" name="7" OnClick="document.login_form.user.value += '7'">
<img src="images/8.gif" name="8" OnClick="document.login_form.user.value += '8'">
<img src="images/9.gif" name="9" OnClick="document.login_form.user.value += '9'"/><br />
<img src="images/4.gif" name="4" OnClick="document.login_form.user.value += '4'"/>
<img src="images/5.gif" name="5" OnClick="document.login_form.user.value += '5'"/>
<img src="images/6.gif" name="6" OnClick="document.login_form.user.value += '6'"/><br />
<img src="images/1.gif" name="1" OnClick="document.login_form.user.value += '1'"/>
<img src="images/2.gif" name="2" OnClick="document.login_form.user.value += '2'"/>
<img src="images/3.gif" name="3" OnClick="document.login_form.user.value += '3'"/> <br />
<img src="images/0.gif" name="0" onClick="document.login_form.user.value +='0'"/>
<img src="images/textKeypad.gif" /><br />
<img src="images/7.gif" name="7" OnClick="document.login_form.passwd.value.value += '7'">
<img src="images/8.gif" name="8" OnClick="document.login_form.passwd.value.value += '8'">
<img src="images/9.gif" name="9" OnClick="document.login_form.passwd.value.value += '9'"/><br />
<img src="images/4.gif" name="4" OnClick="document.login_form.passwd.value.value += '4'"/>
<img src="images/5.gif" name="5" OnClick="document.login_form.passwd.value.value += '5'"/>
<img src="images/6.gif" name="6" OnClick="document.login_form.passwd.value.value += '6'"/><br />
<img src="images/1.gif" name="1" OnClick="document.login_form.passwd.value.value += '1'"/>
<img src="images/2.gif" name="2" OnClick="document.login_form.passwd.value.value += '2'"/>
<img src="images/3.gif" name="3" OnClick="document.login_form.passwd.value.value += '3'"/> <br />
<img src="images/0.gif" name="0" onClick="document.login_form.passwd.value +='0'"/>
<img src="images/textKeypad.gif" /><br />
ผมลองเขียน function ออกมาต่างหากครับแต่ไม่มีผลอะไรเกิดขึ้นเลย
โค้ด: เลือกทั้งหมด
function key(num)
{
var userLen = document.login_form.user.length;
var passLen = document.login_form.passwd.length;
var locs = new Array('1','6','12','15'); //<---ไม่รู้จะดักยังไงครับ ให้ใส่ '-'
if(userLen <= 17)
{
document.login_form.user.value += num;
}
else if(userLen >17 && passLen<=4)
{
document.login_form.passwd.value +=num;
}
else
{
alert("Error");
}
}
ผมไม่เข้าใจหลักการคิดเท่าไรเลยครับ สงสัยไปทางนี้ไม่ไหว T.T
แก้ไม่ถูกครับเป็น code คนอื่นครับ ผมไปแก้ไม่ได้หลายๆส่วนด้วยครับมันเชื่อมโยงกับข้อมูลด้วยครับ หลักการที่ผมต้องพยายามทำคือทำ รูปภาพเป็นเสมือน ปุ่มให้คนกด แล้วให้ไปใส่ใน textbox ซึ้งมันมี 2 textbox ID Password ครับ ต้องเช็คว่า กด 17 ครังแรกให้เป็น ID หลังจากนั้นให้กดอีก 4 ครับเป็น password แล้วจบไม่ให้เพิ่มต่อ
[code]
//ส่วนนี้เป็น ฟังชัน ที่เวลาคนพิมพ์มาดักว่าให้ขึ้น '-' เมื่อถึงตำแหน่ง
function mask(str){
var locs = loc.split(',');
for (var i = 0; i <= locs.length; i++){
for (var k = 0; k <= str.length; k++){
if (k == locs[i]){
if (str.substring(k, k+1) != delim){
str = str.substring(0,k) + delim + str.substring(k,str.length)
}
}
}
}
textbox.value = str
}
//html
<td width="71%"><input name="user" value="" type="text" onKeyUp="javascript:return mask(this.value,this,'1,6,12,15','-');" style="font-family:verdana;font-size:10pt;width:145px;" maxlength="17"></td>
[/code]
ผมพยายามใช้ แทรกเข้าไปก็จะขึ้นตัวเลขแค่ 1ตัวเท่านั้นกดปุ่มอื่นก็เป็นตัวใหม่เลย
[code]
//html
<img src="imagesKey/7.gif" name="7" OnClick="javascript:return mask('7');">
<img src="imagesKey/8.gif" name="8" OnClick="javascript:return mask('8');">
<img src="imagesKey/9.gif" name="9" OnClick="javascript:return mask('9');"/><br />
<img src="imagesKey/4.gif" name="4" OnClick="javascript:return mask('4');"/>
<img src="imagesKey/5.gif" name="5" OnClick="javascript:return mask('5');"/>
<img src="imagesKey/6.gif" name="6" OnClick="javascript:return mask('6');"/><br />
<img src="imagesKey/1.gif" name="1" OnClick="javascript:return mask('1');"/>
<img src="imagesKey/2.gif" name="2" OnClick="javascript:return mask('2');"/>
<img src="imagesKey/3.gif" name="3" OnClick="javascript:return mask('3');"/> <br />
<img src="imagesKey/0.gif" name="0" onClick="javascript:return mask('0');"/>
<img src="imagesKey/textKeypad.gif" /><br />
[/code]
ถ้าผมใช้ เป็น รูปปุ่ม 2ชุดแบบนี้ได้ครับ แต่ว่าจะไม่มี '-' ขั้นไม่รู้ว่าตอนส่งข้อมูลไปมันจะผิดผลาดครับ อีกไฟล์หนึ่งก็ดักจับ '-' ด้วย
[code]
<img src="images/7.gif" name="7" OnClick="document.login_form.user.value += '7'">
<img src="images/8.gif" name="8" OnClick="document.login_form.user.value += '8'">
<img src="images/9.gif" name="9" OnClick="document.login_form.user.value += '9'"/><br />
<img src="images/4.gif" name="4" OnClick="document.login_form.user.value += '4'"/>
<img src="images/5.gif" name="5" OnClick="document.login_form.user.value += '5'"/>
<img src="images/6.gif" name="6" OnClick="document.login_form.user.value += '6'"/><br />
<img src="images/1.gif" name="1" OnClick="document.login_form.user.value += '1'"/>
<img src="images/2.gif" name="2" OnClick="document.login_form.user.value += '2'"/>
<img src="images/3.gif" name="3" OnClick="document.login_form.user.value += '3'"/> <br />
<img src="images/0.gif" name="0" onClick="document.login_form.user.value +='0'"/>
<img src="images/textKeypad.gif" /><br />
<img src="images/7.gif" name="7" OnClick="document.login_form.passwd.value.value += '7'">
<img src="images/8.gif" name="8" OnClick="document.login_form.passwd.value.value += '8'">
<img src="images/9.gif" name="9" OnClick="document.login_form.passwd.value.value += '9'"/><br />
<img src="images/4.gif" name="4" OnClick="document.login_form.passwd.value.value += '4'"/>
<img src="images/5.gif" name="5" OnClick="document.login_form.passwd.value.value += '5'"/>
<img src="images/6.gif" name="6" OnClick="document.login_form.passwd.value.value += '6'"/><br />
<img src="images/1.gif" name="1" OnClick="document.login_form.passwd.value.value += '1'"/>
<img src="images/2.gif" name="2" OnClick="document.login_form.passwd.value.value += '2'"/>
<img src="images/3.gif" name="3" OnClick="document.login_form.passwd.value.value += '3'"/> <br />
<img src="images/0.gif" name="0" onClick="document.login_form.passwd.value +='0'"/>
<img src="images/textKeypad.gif" /><br />
[/code]
ผมลองเขียน function ออกมาต่างหากครับแต่ไม่มีผลอะไรเกิดขึ้นเลย
[code]
function key(num)
{
var userLen = document.login_form.user.length;
var passLen = document.login_form.passwd.length;
var locs = new Array('1','6','12','15'); //<---ไม่รู้จะดักยังไงครับ ให้ใส่ '-'
if(userLen <= 17)
{
document.login_form.user.value += num;
}
else if(userLen >17 && passLen<=4)
{
document.login_form.passwd.value +=num;
}
else
{
alert("Error");
}
}
[/code]
ผมไม่เข้าใจหลักการคิดเท่าไรเลยครับ สงสัยไปทางนี้ไม่ไหว T.T