|
|
|
รบกวนสอบเรือ่ง ajax value หน่อยครับผม มันไม่ยอมเป็นค่าว่า |
|
|
|
|
|
|
|
ใช้ <input type="submit" /> และส่งค่า form แบบปกติใช่หรือเปล่าครับ
ไม่ได้ส่งผ่าน ajax jquery ใช่หรือเปล่าครับ
|
|
|
|
|
Date :
2012-11-19 16:05:23 |
By :
sakuraei |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ใช้การ action แบบ iframe ajax jquery ครับผม
ผมไม่สามารถ ทำให้ type=file กลับมาเป็นค่าว่างได้ครับ ขอบคุณครับ
|
|
|
|
|
Date :
2012-11-19 16:13:19 |
By :
Ex-[S]i[L]e[N]t |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอโค้ดการส่งค่าไป iframe หรือโค้ดส่วนอื่นๆที่เกี่ยวข้องมาดูหน่อยครับ
|
|
|
|
|
Date :
2012-11-19 16:22:20 |
By :
sakuraei |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (PHP)
<script language="javascript">
////////////////// ส่วนตอบกลับ iframe /////////////////
function Message(Call){
switch (Call){
case 'Success' : $("#Tb_Message").fadeIn(1500);
$("#Tb_Message").addClass("bg-green");
$("#SpanMessage").html("<div class=\"color-white\">ท่านได้สมัครสมาชิกเรียบร้อยแล้ว</div>");
SetValue();
setTimeout('fadeOut();',5000);
break;
case 'Error' : $("#Tb_Message").fadeIn(1500);
$("#Tb_Message").addClass("bg-red");
$("#SpanMessage").html("<div class=\"color-white\">ท่านได้สมัครสมาชิกเรียบร้อยแล้ว</div>");
SetValue();
setTimeout('fadeOut();',5000);
break;
}
}
//////// ค่า Value ///////
function SetValue(){
$("#Username").val("");
$("#Password").val("");
$("#RePassword").val("");
$("#Email").val("");
$("#Name").val("");
$("#Surname").val("");
$("#Address").val("");
$("#Postcode").val("");
$("#Phone").val("");
$("#Avatar").val(""); /////////// ส่วนนี้ครับที่มีปัญหา ไม่กลับเป็นค่าว่าง Type="file"
$("#ReCaptcha").val("");
$("#SpanUsername").text("");
$("#SpanPassword").text("");
$("#SpanRePassword").text("");
$("#SpanEmail").text("");
$("#SpanName").text("");
$("#SpanSurname").text("");
$("#SpanAddress").text("");
$("#SpanPostcode").text("");
$("#SpanPhone").text("");
Captcha(6);
$("#SpanReCaptcha").text("");
}
function fadeOut(){
$("#Tb_Message").fadeOut(1500);
}
</script>
|
ประวัติการแก้ไข 2012-11-19 16:53:59 2012-11-19 17:05:52
|
|
|
|
Date :
2012-11-19 16:51:36 |
By :
Ex-[S]i[L]e[N]t |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ลืมใส่ตัว id="Avatar" ใน input ด้านล่างหรือเปล่าครับ
Code (JavaScript)
<input type="file" id="Avatar" name="Avatar" value="">
Code (JavaScript)
$("#Avatar").val(" ");
|
|
|
|
|
Date :
2012-11-19 17:14:14 |
By :
dreamlover |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
นี่คือ Code ทั้งหมดครับ
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>
<link href="admin/css/style.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="admin/module/scripts/jquery-1.8.1.min.js" ></script>
<script language="javascript">
$(document).ready(function(e) {
$("#center_content").fadeIn(1500);
Captcha(6);
$("#Btn_Captcha").click(function(e){
Captcha(6);
if($("#Captcha").val() != $("#ReCaptcha").val()){
$("#SpanReCaptcha").text("รหัสลับผิด");
}
});
var Eng=/^([a-zA-Z0-9\-\_]+)$/;
var Email=/^([a-zA-Z0-9\-\_]+)@([a-zA-Z0-9]+)\.([a-zA-Z]{2,5})$/;
var Type=new Array("jpg","png","gif");
$("#Username").keyup(function(e){
if($("#Username").val() == ""){
$("#SpanUsername").text("*");
}else if($("#Username").val().length < 5 || $("#Username").val().length > 15){
$("#SpanUsername").text("5-15 ตัวอักษร");
}else if(!$("#Username").val().match(Eng)){
$("#SpanUsername").text("a-zA-Z0-9\-\_");
}else{
$.ajax({url:"check_username.php",
async:false,
cache:false,
global:false,
type:"POST",
data:"Username="+$("#Username").val(),
dataType:"html",
success: function(result){
$("#SpanUsername").html(result);
}
});
}
});
$("#Password").change(function(e){
if($("#Password").val() == ""){
$("#SpanPassword").text("*");
}else if($("#Password").val().length < 5 || $("#Password").val().length > 15){
$("#SpanPassword").text("5-15 อักษร");
}else{
$("#SpanPassword").text("");
}
});
$("#RePassword").change(function(e){
if($("#RePassword").val() == ""){
$("#SpanRePassword").text("*");
}else if($("#RePassword").val() != $("#Password").val()){
$("#SpanRePassword").text("รหัสไม่ตรงกัน");
}else{
$("#SpanRePassword").text("");
}
});
$("#Email").change(function(e){
if($("#Email").val() == ""){
$("#SpanEmail").text("*");
}else if(!$("#Email").val().match(Email)){
$("#SpanEmail").text("[email protected]");
}else{
$("#SpanEmail").text("");
}
});
$("#Name").change(function(e){
if($("#Name").val() == ""){
$("#SpanName").text("*");
}else{
$("#SpanName").text("");
}
});
$("#Surname").change(function(e){
if($("#Surname").val() == ""){
$("#SpanSurname").text("*");
}else{
$("#SpanSurname").text("");
}
});
$("#Address").change(function(e){
if($("#Address").val() == ""){
$("#SpanAddress").text("*");
}else{
$("#SpanAddress").text("");
}
});
$("#Postcode").change(function(e){
if($("#Postcode").val() == ""){
$("#SpanPostcode").text("*");
}else if(isNaN($("#Postcode").val())){
$("#SpanPostcode").text("ตัวเลขเท่านั้น");
}else{
$("#SpanPostcode").text("");
}
});
$("#Phone").change(function(e){
if($("#Phone").val() == ""){
$("#SpanPhone").text("*");
}else{
$("#SpanPhone").text("");
}
});
$("#Avatar").change(function(e){
Permiss=0;
for(i=0;i<Type.length;i++){
if($("#Avatar").val().lastIndexOf(Type[i]) >= 0){
Permiss=1;
break;
}
}
if(Permiss==0){
$("#SpanAvatar").text("รองรับ .jpg .png .gif เท่านั้น");
}else{
$("#SpanAvatar").text("");
}
});
$("#ReCaptcha").change(function(e){
if($("#ReCaptcha").val() == ""){
$("#SpanReCaptcha").text("*");
}else if($("#ReCaptcha").val() != $("#Captcha").val()){
$("#SpanReCaptcha").text("รหัสลับผิด");
}else{
$("#SpanReCaptcha").text("");
}
});
$("#Btn_Submit").click(function(){
if($("#Username").val() == "" || !$("#Username").val().match(Eng) || $("#Username").val().length > 15 || $("#Username").val().length > 15 || $("#Bypass").val() != "True"){
$("#Username").focus();
return false;
}
if($("#Password").val() == "" || $("#Password").val().length < 5 || $("#Password").val().length > 15){
$("#Password").focus();
return false;
}
if($("#RePassword").val() == "" || $("#RePassword").val() != $("#Password").val()){
$("#RePassword").focus();
return false;
}
if($("#Email").val() == "" || !$("#Email").val().match(Email)){
$("#Email").focus();
return false;
}
if($("#Name").val() == ""){
$("#Name").focus();
return false;
}
if($("#Surname").val() == ""){
$("#Surname").focus();
return false;
}
if($("#Address").val() == ""){
$("#Address").focus();
return false;
}
if($("#Postcode").val() == "" || isNaN($("#Postcode").val())){
$("#Postcode").focus();
return false;
}
if($("#Phone").val() == ""){
$("#Phone").focus();
return false;
}
if($("#Avatar").val() != ""){
var Permiss=0;
for(i=0;i<Type.length;i++){
if($("#Avatar").val().lastIndexOf(Type[i]) >= 0){
Permiss=1;
}
}
if(Permiss == 0){
$("#Avatar").focus();
return false;
}
}
if($("#ReCaptcha").val() == "" || $("#ReCaptcha").val() != $("#Captcha").val()){
$("#ReCaptcha").focus();
return false;
}
});
});
function Captcha(Num){
$.ajax({url:"captcha.php",
async:false,
cache:false,
global:false,
type:"POST",
data:"Num="+Num,
dataType:"html",
success: function(result){
$("#SpanCaptcha").html(result);
}
});
}
function Message(Call){
switch (Call){
case 'Success' : $("#Tb_Message").fadeIn(1500);
$("#Tb_Message").addClass("bg-green");
$("#SpanMessage").html("<div class=\"color-white\">ท่านได้สมัครสมาชิกเรียบร้อยแล้ว</div>");
SetValue();
setTimeout('fadeOut();',5000);
break;
case 'Error' : $("#Tb_Message").fadeIn(1500);
$("#Tb_Message").addClass("bg-red");
$("#SpanMessage").html("<div class=\"color-white\">ท่านได้สมัครสมาชิกเรียบร้อยแล้ว</div>");
SetValue();
setTimeout('fadeOut();',5000);
break;
}
}
function SetValue(){
$("#Username").val("");
$("#Password").val("");
$("#RePassword").val("");
$("#Email").val("");
$("#Name").val("");
$("#Surname").val("");
$("#Address").val("");
$("#Postcode").val("");
$("#Phone").val("");
$("#Avatar").val("");
$("#ReCaptcha").val("");
$("#SpanUsername").text("");
$("#SpanPassword").text("");
$("#SpanRePassword").text("");
$("#SpanEmail").text("");
$("#SpanName").text("");
$("#SpanSurname").text("");
$("#SpanAddress").text("");
$("#SpanPostcode").text("");
$("#SpanPhone").text("");
Captcha(6);
$("#SpanReCaptcha").text("");
}
function fadeOut(){
$("#Tb_Message").fadeOut(1500);
}
</script>
</head>
<body>
<div id="wrap">
<div id="header"></div>
<div id="clear"></div>
<div id="center_content" class="display_none">
<div class="left_content">
<div class="bar">
<table width="743" border="0">
<tr>
<td width="527"><div class="font-title"><div class="color-white"><img src="admin/images/icon/member.png" class="icon" />สมัครสมาชิก</div></div></td>
<td width="206"> </td>
</tr>
</table>
</div>
<table id="Tb_Message" class="display_none" width="770" border="0">
<tr>
<td><div class="center"><Span id="SpanMessage"></Span></div></td>
</tr>
</table>
<iframe name="iframe_target" class="display_none";></iframe>
<form action="insert_member.php" method="post" target="iframe_target" enctype="multipart/form-data">
<table id="Tb_Input" width="770" border="0">
<tr>
<td width="232"> </td>
<td width="84">ชื่่อผู้ใช้</td>
<td width="180"><input type="text" id="Username" name="Username" class="input" value="" /></td>
<td width="207"><div class="color-red"><span id="SpanUsername">*</span></div></td>
</tr>
<tr>
<td width="232"> </td>
<td width="84">รหัสผ่าน</td>
<td width="180"><input type="password" id="Password" name="Password" class="input" value="" /></td>
<td width="207"><div class="color-red"><span id="SpanPassword">*</span></div></td>
</tr>
<tr>
<td width="232"> </td>
<td width="84">ยืนยันรหัสผ่าน</td>
<td width="180"><input type="password" id="RePassword" name="RePassword" class="input" value="" /></td>
<td width="207"><div class="color-red"><span id="SpanRePassword">*</span></div></td>
</tr>
<tr>
<td width="241"> </td>
<td width="73">อีเมล์</td>
<td width="180"><input type="email" id="Email" name="Email" class="input" value="" /></td>
<td width="212"><div class="color-red"><span id="SpanEmail">*</span></div></td>
</tr>
<tr>
<td width="241"> </td>
<td width="73">ชื่่อจริง</td>
<td width="180"><input type="text" id="Name" name="Name" class="input" value="" /></td>
<td width="212"><div class="color-red"><span id="SpanName">*</span></div></td>
</tr>
<tr>
<td width="241"> </td>
<td width="73">นามสกุล</td>
<td width="180"><input type="text" id="Surname" name="Surname" class="input" value="" /></td>
<td width="212"><div class="color-red"><span id="SpanSurname">*</span></div></td>
</tr>
<tr>
<td width="241"> </td>
<td width="73">ที่อยู่</td>
<td width="180"><textarea id="Address" name="Address" class="mini_textarea"></textarea></td>
<td width="212"><div class="color-red"><span id="SpanAddress">*</span></div></td>
</tr>
<tr>
<td width="241"> </td>
<td width="73">รหัสไปรษณีย์</td>
<td width="180"><input type="number" id="Postcode" name="Postcode" class="input" value="" /></td>
<td width="212"><div class="color-red"><span id="SpanPostcode">*</span></div></td>
</tr>
<tr>
<td width="241"> </td>
<td width="73">เบอร์ติดต่อ</td>
<td width="180"><input type="text" id="Phone" name="Phone" class="input" value="" /></td>
<td width="212"><div class="color-red"><span id="SpanPhone">*</span></div></td>
</tr>
<tr>
<td width="241"> </td>
<td width="73">รูปประจำตัว</td>
<td width="180"><input type="file" id="Avatar" name="Avatar" class="file" value="" /></td>
<td width="212"><div class="color-red"><span id="SpanAvatar"></span></div></td>
</tr>
<tr>
<td width="241"> </td>
<td width="73"> </td>
<td width="180"><span id="SpanCaptcha"></span><input type="button" class="re" id="Btn_Captcha" /></td>
<td width="212"> </td>
</tr>
<tr>
<td width="241"> </td>
<td width="73">รหัสลับ</td>
<td width="180"><input type="text" id="ReCaptcha" name="ReCaptcha" class="input" value="" /></td>
<td width="212"><div class="color-red"><span id="SpanReCaptcha">*</span></div></td>
</tr>
<tr>
<td width="241"> </td>
<td width="73"> </td>
<td width="180"><input type="submit" id="Btn_Submit" class="btn" value="สมัครสมาชิก"/></td>
<td width="212"> </td>
</tr>
</table>
</form>
</div>
<div class="right_content">
<div class="bar"></div>
</div>
</div>
<div id="clear"></div>
<div id="footer"></div>
</div>
</body>
</html>
|
|
|
|
|
Date :
2012-11-19 17:37:20 |
By :
Ex-[S]i[L]e[N]t |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
มีไอดี Avatar ซ้ำกันหรือเปล่าครับ ลองไล่ดูหน่อยก็ดีครับ
|
|
|
|
|
Date :
2012-11-19 17:46:41 |
By :
sakuraei |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ผมลองสร้าง ไฟล์เปล่า ขึ้นมา มีแค่ id Avatar กับปุ่ม submit แล้วใช้ฟังชั่น มันก็ไม่กลับเป็นค่า null เหมือนกันครับ
|
|
|
|
|
Date :
2012-11-19 17:50:32 |
By :
Ex-[S]i[L]e[N]t |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
เท่าที่ดูไม่เจอสิ่งผิดปกติครับ
ลองเปลี่ยน id ดูหน่อยดีมั๊ยครับ เช่น avatarPic
|
|
|
|
|
Date :
2012-11-19 17:52:18 |
By :
sakuraei |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
แต่ผมทดลองดู ของผมปกติดีน่ะครับ
Code (PHP)
<script src="http://code.jquery.com/jquery-latest.js"></script>
<input type="file" id="testfile" value="" />
<br />
<input type="button" value="test">
<script>
$("input:button").click(function(){
if($("#testfile").val() != ""){
alert($("#testfile").val());
$("#testfile").val('');
}
});
</script>
|
|
|
|
|
Date :
2012-11-19 17:53:45 |
By :
sakuraei |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
มันเหมือนไม่สามารถรันใน IE ได้
คุณรันด้วย Browser อะไรหรือครับ
|
ประวัติการแก้ไข 2012-11-19 18:04:37 2012-11-19 18:35:39 2012-11-19 18:38:22
|
|
|
|
Date :
2012-11-19 17:55:31 |
By :
Ex-[S]i[L]e[N]t |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
firefoxครับ
ปกติผมให้ลูกค้าใช้ firefox ทุกครั้ง
|
|
|
|
|
Date :
2012-11-19 21:39:17 |
By :
sakuraei |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณครับ
|
|
|
|
|
Date :
2012-11-20 09:24:43 |
By :
Ex-[S]i[L]e[N]t |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (PHP)
<script>
$("input:button").click(function(){
<script type="text/javascript">
$(function(){
$("#button").click(function(){
if($("#testfile").val()!=""){
alert($("#testfile").val());
}
if($.browser.msie){
$("input[type='file']").replaceWith($("input[type='file']").clone(true));
} else {
$("input[type='file']").val('');
}
});
});
</script>
<input type="file" id="testfile" value="" />
<input type="button" id="button" value="test">
http://stackoverflow.com/questions/10327860/empty-input-type-file-doesnt-work-in-ie
|
|
|
|
|
Date :
2012-11-20 10:02:53 |
By :
ไวยวิทย์ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 02
|