2012-09-21 186 views
1

的提交按鈕我有一個按鈕的行爲問題:在jQuery的對話框中標準按鈕就像對話框

它是一個jQuery標籤內,jQuery的對話框裏面,裏面。

當點擊按鈕而不是執行一個函數時,它會驗證表單來刷新頁面並在我的數據庫中插入一個新的空白條目。

我只是想要它在我告訴它的一箇中添加一個新的。

的HTML:

<td colspan="2" align="center"> 
<button id="newgroup-anacuad">Añadir una fecha de fotos</button><br /> 
<div id="newgroup-divfotos"></div> 
</td> 

的JavaScript:

$('#diagnewgroup').dialog({ 
... 
open:function(){ 
    $("#newgroup-anacuad").button(); 
    $("#newgroup-anacuad").bind("onclick",function(){ 
     var txt='blabla'; 
     $("#newgroup-divfotos").append(txt); 
    }); 
... 
} 
buttons: 
{ 
'Validar':function() 
{ 
    var valid=true; 
    var errores=''; 
     if(valid==true) 
     { 
     $('#formnewgroup').submit(); 
    } 
    else 
    { 
     alert(errores); 
     } 
}, 
'Cancelar':function() 
{ 
    $(this).dialog('close'); 
    $('#diagnewgroup').remove(); 
} 
}}); 

有誰以前遇到過嗎?

回答

2

嘗試

<input type="button" id="newgroup-anacuad" value="Añadir una fecha de fotos"/> 

更換

<button id="newgroup-anacuad">Añadir una fecha de fotos</button> 

在某些瀏覽器

<button> 

通常是作爲

<input type="submit"> 

另外,你應該更換「點擊」

$("#newgroup-anacuad").bind("onclick",function(){ 
     var txt='blabla'; 
     $("#newgroup-divfotos").append(txt); 
    }); 

「點擊」或者你可以重寫的東西,如:

$("#newgroup-anacuad").click(function(){ 
     var txt='blabla'; 
     $("#newgroup-divfotos").append(txt); 
    }); 
+0

你有哪些瀏覽器的任何事實轉換是否這樣? – Tom

+0

是的,這裏http://www.w3.org/TR/html401/interact/forms.html#h-17.5按鈕標籤的默認'類型'值是'提交' – ViLPy

+0

那麼它有效地解決了提交問題,但功能仍然沒有運行 – Jonah