當使用翻轉圖像提交表單時，我的驗證被忽略

我使用JQ和CSS來驗證表單，並與一些JS一起隱藏表單的一部分，直到用戶單擊繼續。但是我不能讓造型被應用到該繼續還是現在加入按鈕形式當使用翻轉圖像提交表單時，我的驗證被忽略

您可以在這裏看到example1

我的例子當你點擊繼續，表格的第二部分出現，然後你可以點擊連接，然後表單驗證過程開始。但是，最下面的'立即加入'按鈕是應該應用於我的按鈕的樣式，但不是（我無法弄清楚爲什麼和我已經試過了我能想到的所有東西）

所以，我決定不使用CSS來設計按鈕的樣式，而是使用翻轉圖像。這適用於造型的按鈕，但是當我嘗試提交表單，不進行驗證

你可以看到這個在這裏example2

任何人都可以找出我怎麼能做到1或2（即定型與驗證按鈕或翻轉圖像）

許多感謝

來源

2012-03-05 user1249734

既然是HTML5，嘗試使用<button></button>代替鏈路

<button style="width:90px;height:31px;border:0;" onmouseover="MM_swapImage('Image3','','joinnowro.jpg',1)" onmouseout="MM_swapImgRestore()" onclick="submit()" href="#"><img style="width:90px;height:31px;" id="Image3" name="Image3" src="http://www.secklow.com/form/joinnow.jpg" style="width: 90px; height: 31px;"></button>

的

幾乎看起來OK - 不知道爲什麼有一點按鈕，向左

對於直接的HTML：

，一定不要調用任何提交
如果您提交使用腳本時，的onsubmit事件處理函數不是叫

所以

function submitForm(){ 
    if (validate(document.register)) document.register.submit() 
    return false; 
}

和

<a href="#" onclick="return submitForm()"

來源

2012-03-05 12:45:24 mplungjan

例如1 ...

1）從form.asp
2）從取出#register fieldset input聲明刪除#register .formbutton1聲明formstyle.css
3）添加以下formstyle.css

input.formbutton1 { 
    background:#2c2a29; 
    color:#fff; 
    font-size:16px; 
    line-height:25px; 
    padding:0px 0px 0px 0px; 
    display:inline-block; 
    margin-top:0px; 
} 

input.formbutton1:hover {background:#C68DB6;}

正如你可以參見上文，您已經在多個位置指定了按鈕的行爲。當我清除它們並將它添加到formstyle.css時它工作正常。

來源

2012-03-05 12:56:20 neo108

當使用翻轉圖像提交表單時，我的驗證被忽略

回答

相關問題