2015-06-16 21 views
0

我想上的按鈕瀏覽器檢測onClick,如果結果是NO。該頁面將重定向到給定的網址。該按鈕是一種形式的submit類型。我可以讓它成爲一個瀏覽器檢查,但它會發出警報。重定向不是去 - 仍然提交表單。檢測上點擊谷歌Chrome和重定向,如果不是

HTML

<button type="submit" onClick="isChrome()";>submit</button> 

腳本

function isChrome() { 
    $.browser.chrome = /chrom(e|ium)/.test(navigator.userAgent.toLowerCase()); 
    event.preventDefault(); 
    if(!$.browser.chrome){ 
     alert('Please use only Google Chrome!'); 
     window.location="http://www.google.com/chrome/"; 
     return false; 
     stop(); 
    } 
} 

FIDDLE位置:http://jsfiddle.net/nobuts/g89k68ge/

回答

0

,如果你不想提交表單,你可以簡單地創建一個按鈕來代替。爲什麼要取消提交功能

+0

因爲按鈕是提交表單而不只是檢測瀏覽器 – Wilf

+0

不確定,但你應該能夠使用jQuery的提交方法做你想做的。 http://stackoverflow.com/questions/10092580/stop-form-from-submitting-using-jquery –

1

我找到了我的解決方案!感謝大家的幫助和線索。 @Ken,你的線索給我的啓示:D

function isChrome(e) { 
    $chrome = /chrom(e|ium)/.test(navigator.userAgent.toLowerCase()); 

    if(!$chrome){ 
     alert('Only Google Chrome!'); 
     //window.location="http://www.google.com/chrome/"; 
     $('#date_form').attr('action', 'http://www.google.com/chrome/'); 
     return false; 
    }else{ 
     $('#date_form').attr('action', 'form_action_URL'  } 
} 
0

這裏是使用jQuery和提交事件觸發器。

https://jsfiddle.net/karanmhatre/o8d40e7v/1/

HTML

<form method="get" action="http://google.com" class="form"> 
    <button type="submit">submit</button> 
</form> 

JS

$('.form').submit(function(event) { 
     var condition = false; 
     event.preventDefault(); 
     if (!condition) { 
      alert('Please use only Google Chrome!'); 
      window.location = "http://www.google.com/chrome/"; 
      return false; 
      stop(); 
     } 
    }); 

我已經抽象的代碼假設條件是用於測試目的假。