iT邦幫忙

0

jquery submit 與 按紐問題

 <form method="post" name="goform" id="goform" enctype="multipart/form-data">
 <textarea type="text"></textarea>
 <input type="file">
<button type="submit" id="timeline_post_btn">發佈</button>
</form>

$("form#goform").submit(function(event){
	event.preventDefault();
	
document.getElementById("timeline_post_btn").innerHTML = "請稍後";
	document.getElementById("timeline_post_btn").disabled=true;
	
	if (timeline_post.value=="")
	{
		timeline_post.focus();
		return (false);
	}
	else
	{
		
		var formData = new FormData($(this)[0]);
		
		$.ajax({
			type:"POST",
			url:"ing",
			data: formData,
			async: false,
			cache: false,
			contentType: false,
			processData: false,
			success:function(){

				document.getElementById("timeline_post_btn").disabled=false;
				document.getElementById("timeline_post_btn").innerHTML = "發佈";

			}
		});
	}
	
});

以上是我去stack爬文的結果
就是可以上傳檔案和一般資料一起做
目前都可以work

只是現在遇到一個問題
就是變成我沒辦法去換button
按下去後我想要讓他變成 請稍後... 且 disabled 完成後再變回發佈
這之前都沒有問題
直到從click改成submit後就變成這樣了...
很奇怪 按了會先定住幾秒才有反應......
我之前作法會是

$("#timeline_post_btn").click(function(event)

這樣就可以用....
只是現在改成submit這個做法完全無效 無論火狐惑谷歌
請問是這個寫法哪裡有問題?

看更多先前的討論...收起先前的討論...
fillano iT邦超人 1 級 ‧ 2016-09-10 19:09:26 檢舉
跟問題無關...請愛用逗點,不然看起來會有點不順
asys0512 iT邦新手 4 級 ‧ 2016-09-10 22:15:19 檢舉
我有斷行 但是他會自己變這樣........
huangsb iT邦好手 1 級 ‧ 2016-09-11 08:32:25 檢舉
Markdown 語法會接起來,所以,要切段落要插入一個空白行,不然就補上逗點。
小財神 iT邦好手 1 級 ‧ 2016-09-11 11:15:01 檢舉
是markdown 語法的關係,在每行最後加兩個空格再enter,即可換行 ^^
預覽可再次確認
asys0512 iT邦新手 4 級 ‧ 2016-09-11 11:42:41 檢舉
了解!

1 個回答

2
fillano
iT邦超人 1 級 ‧ 2016-09-11 12:39:59
最佳解答

async: false選項拿掉,或是改為true看看。不過這應該跟你用click或是submit事件觸發應該沒關係才對。

我要發表回答

立即登入回答