2012-01-27 8 views
1

この送信ボタンは、SafariとChromeでは動作しますが、IE9やFF9では動作しません。IE9とFF9で動作しないjQueryを使用してボタンを送信

送信]ボタン -

<img type="submit" src="lib/send_feedback.jpg" border="0" class="feedback-submit-img" onClick="javascript: validate(); return false;"/> 

関連のjQueryの - 私は送信ボタンは、それがwとhという隠しフィールドを提出することを確認するために、より基本的なことを変更したときに、それは価値がある何のためにも

// Submit form to next page 
function submitForm() { 
// document.forms["feedbackform"].submit(); 
    document.feedbackform.submit(); 
} 
// Submit form and validate email using RFC 2822 standard 
function validateEmail(email) { 
    // Modified version original from: http://stackoverflow.com/a/46181/11236 
    var re = /^(([^<>()[\]\\.,;:\[email protected]\"]+(\.[^<>()[\]\\.,;:\[email protected]\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; 
    return re.test(email); 
} 
// Return true if email field is left unchanged 
function originalText(email){ 
    var defaultMsg; 
    defaultMsg = "Enter your email address (optional)"; 
    if(defaultMsg == email){ 
     return true;  
    } 
    return false; 
} 
// Verify or decline with error message 
function validate(){ 
    $("#result").text(""); 
    var email = $("#email").val(); 
    if ((validateEmail(email)) || originalText(email)) { 
     w.value = screen.width; 
     h.value = screen.height; 
     submitForm(); 
    } else { 
     $("#result").text(email + " is not a valid email."); 
     $("#result").css("color", "red"); 
    } 
    return false; 
} 
$("form").bind("submit", validate); 

更新されていないとみなされます。

Here is the entire codethe CSS

答えて

3

typeimgタグの有効な属性ではありません:https://developer.mozilla.org/en/HTML/Element/Inputhttps://developer.mozilla.org/En/HTML/Element/Img

は、代わりに私はあなたが<input type="image" />タグをしたいと思います。

<img type="submit" />はどちらか私のために働くが、<input type="image" />を使用していなかったがやった:http://jsfiddle.net/HXrNb/1/

をそれからちょうどフォームのsubmitイベントにvalidate()機能をバインドすることができます。

$('form').on('submit', function() { 
    ... 
    if ((validateEmail(email)) || originalText(email)) { 
     ... 
     return true; 
    } else { 
     ... 
     return false; 
    } 
}); 
+0

いやはや!これは、あなたのお手伝いをさせていただきありがとうございました。この監視は絶対に問題でした。私はChromeとSafariがこのエラーを修正/補完していたと思います。助けてくれてありがとう。 – Eric

関連する問題