 |
รบกวนหน่อยครับ ผมอยากทำปุ่มเพิ่ม Textbox กับ Textfile พร้อมเช็คค่าว่างครับ ผมมีโค้ดให้ครับ รอผู้รู้มาต่อยอด |
| |
 |
|
|
 |
 |
|
พอมีแนวทางไหมครับ
ขอแค่เพิ่มได้ Textbox กับ Textfile ได้ 2 อันพร้อมกันและลบได้ (ตอนนี้เพิ่มกี่อันก็ได้ แต่ลบได้แค่หนึ่ง) กับเช็คค่าว่าง 2 อันนี้ครับ
|
 |
 |
 |
 |
| Date :
2015-07-18 00:04:11 |
By :
keng_ds |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ตอนนี้ผมแก้ไขสามารถเพิ่มและลบ Textbox กับ Textfile ได้แล้วครับ
แต่ติดเช็คค่าว่าง Textbox กับ Textfile จากโค้ดนี้ผมเช็คค่าว่าง Textbox กับ Textfile ได้ แต่จะเริ่มตั้งแต่ลำดับที่ 2 อันแรกไม่ได้เลย ทำไงก็แก้ไม่ได้ ตึ๊บละ
ช่วยทีครับ อาจารย์เทพ ทั้งหลาย ^/\^
Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript">
function fncCreateElement(){
var mySpan = document.getElementById('mySpan');
var myLine = document.getElementById('qty_file');
myLine.value++;
// Create input text
var myElement1 = document.createElement('input');
myElement1.setAttribute('type',"text");
myElement1.setAttribute('name',"tehsis_file_description"+myLine.value);
myElement1.setAttribute('id',"txt"+myLine.value);
mySpan.appendChild(myElement1);
// Create input file
var myElement2 = document.createElement('input');
myElement2.setAttribute('type',"file");
myElement2.setAttribute('name',"tehsis_file_file"+myLine.value);
myElement2.setAttribute('id',"fil"+myLine.value);
mySpan.appendChild(myElement2);
// Create <br>
var myElement3 = document.createElement('br');
myElement3.setAttribute('id',"br"+myLine.value);
mySpan.appendChild(myElement3);
}
function fncDeleteElement(){
var mySpan = document.getElementById('mySpan');
var myLine = document.getElementById('qty_file');
if(myLine.value > 0 )
{
// Remove input text
var deleteFile = document.getElementById("txt"+myLine.value);
mySpan.removeChild(deleteFile);
// Remove input file
var deleteFile = document.getElementById("fil"+myLine.value);
mySpan.removeChild(deleteFile);
// Remove <br>
var deleteBr = document.getElementById("br"+myLine.value);
mySpan.removeChild(deleteBr);
myLine.value--;
}
}
function CheckValidate(){
for(i=1;i<=document.form1.qty_file.value;i++){
//*** Column 1 ***/
if(eval("document.form1.tehsis_file_description"+i+".value")==""){
alert('กรุณาใส่รายละเอียดไฟล์ ' + i);
eval("document.form1.tehsis_file_description"+i+".focus();")
return false;
}
//*** Column 2 ***/
if(eval("document.form1.tehsis_file_file"+i+".value")==""){
alert('กรุณาเลือกไฟล์ลำดับที่ ' + i);
eval("document.form1.tehsis_file_file"+i+".focus();")
return false;
}
}
}
</script>
</head>
<body>
<form action="#" method="post" name="form1" OnSubmit="return CheckValidate();" enctype="multipart/form-data">
รายละเอียดไฟล์ : <input type="text" name="tehsis_file_description"> ไฟล์ : <input type="file" name="tehsis_file_file">
<input name="btnCreate" type="button" value="+" onClick="JavaScript:fncCreateElement();">
<input name="btnDelete" type="button" value="-" onClick="JavaScript:fncDeleteElement();"><br>
<span id="mySpan"></span>
<input name="qty_file" id="qty_file" type="text" value="0">
<input name="btnSubmit" type="submit" value="Submit">
</form>
</body>
</html>
|
| |
|
|
| |
| Date :
2015-07-18 01:58:37 |
By :
keng_ds |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
แต่ถ้ากำหนดโค้ด
Code (PHP)
function CheckValidate(){
for(i=0;i<=document.form1.qty_file.value;i++){
//*** Column 1 ***/
if(eval("document.form1.tehsis_file_description"+i+".value")==""){
alert('กรุณาใส่รายละเอียดไฟล์ ' + i);
eval("document.form1.tehsis_file_description"+i+".focus();")
return false;
}
//*** Column 2 ***/
if(eval("document.form1.tehsis_file_file"+i+".value")==""){
alert('กรุณาเลือกไฟล์ลำดับที่ ' + i);
eval("document.form1.tehsis_file_file"+i+".focus();")
return false;
}
}
}
เวลาคลิก Submit แล้ว Textbox กับ Textfile ที่ทำการเพิ่มจะหาย
|
| |
|
|
| |
| Date :
2015-07-18 02:23:25 |
By :
keng_ds |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ได้แล้วครับ
Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript">
function fncCreateElement(){
var mySpan = document.getElementById('mySpan');
var myLine = document.getElementById('qty_file');
myLine.value++;
// Create input text
var myElement1 = document.createElement('input');
myElement1.setAttribute('type',"text");
myElement1.setAttribute('name',"tehsis_file_description"+myLine.value);
myElement1.setAttribute('id',"txt"+myLine.value);
mySpan.appendChild(myElement1);
// Create input file
var myElement2 = document.createElement('input');
myElement2.setAttribute('type',"file");
myElement2.setAttribute('name',"tehsis_file_file"+myLine.value);
myElement2.setAttribute('id',"fil"+myLine.value);
mySpan.appendChild(myElement2);
// Create <br>
var myElement3 = document.createElement('br');
myElement3.setAttribute('id',"br"+myLine.value);
mySpan.appendChild(myElement3);
}
function fncDeleteElement(){
var mySpan = document.getElementById('mySpan');
var myLine = document.getElementById('qty_file');
if(myLine.value > 1 )
{
// Remove input text
var deleteFile = document.getElementById("txt"+myLine.value);
mySpan.removeChild(deleteFile);
// Remove input file
var deleteFile = document.getElementById("fil"+myLine.value);
mySpan.removeChild(deleteFile);
// Remove <br>
var deleteBr = document.getElementById("br"+myLine.value);
mySpan.removeChild(deleteBr);
myLine.value--;
}
}
function CheckValidate(){
var myLine = document.getElementById('qty_file');
if(eval("document.form1.tehsis_file_description.value")==""){
alert('กรุณาใส่รายละเอียดไฟล์ 1');
eval("document.form1.tehsis_file_description.focus();")
return false;
}
//*** Column 2 ***/
if(eval("document.form1.tehsis_file_file.value")==""){
alert('กรุณาเลือกไฟล์ลำดับที่ 1');
eval("document.form1.tehsis_file_file.focus();")
return false;
}
for(i=2;i<=myLine.value;i++){
//*** Column 1 ***/
if(eval("document.form1.tehsis_file_description"+i+".value")==""){
alert('กรุณาใส่รายละเอียดไฟล์ ' + i);
eval("document.form1.tehsis_file_description"+i+".focus();")
return false;
}
//*** Column 2 ***/
if(eval("document.form1.tehsis_file_file"+i+".value")==""){
alert('กรุณาเลือกไฟล์ลำดับที่ ' + i);
eval("document.form1.tehsis_file_file"+i+".focus();")
return false;
}
}
}
</script>
</head>
<body>
<form action="#" method="post" name="form1" OnSubmit="return CheckValidate();" enctype="multipart/form-data">
รายละเอียดไฟล์ : <input type="text" name="tehsis_file_description"> ไฟล์ : <input type="file" name="tehsis_file_file">
<input name="btnCreate" type="button" value="+" onClick="JavaScript:fncCreateElement();">
<input name="btnDelete" type="button" value="-" onClick="JavaScript:fncDeleteElement();"><br>
<span id="mySpan"></span>
<input name="qty_file" id="qty_file" type="text" value="1">
<input name="btnSubmit" type="submit" value="Submit">
</form>
</body>
</html>
เส้นผมบังภูเขาจริงๆ
|
| |
|
|
| |
| Date :
2015-07-18 02:31:22 |
By :
keng_ds |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
