![](/img/trans.png)
[英]JS to detect browser width and height works in Chrome & Safari but not IE9 or FF9
[英]Submit button using jQuery not working in IE9 and FF9
此提交按鈕可在Safari和Chrome中使用,但不適用於IE9或FF9。
提交按鈕-
<img type="submit" src="lib/send_feedback.jpg" border="0" class="feedback-submit-img" onClick="javascript: validate(); return false;"/>
相關jQuery-
// 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 = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[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);
同樣,當我更改提交按鈕以使其更基本以確保它提交了w和h應該更新的隱藏字段時,這是值得的。
type
不是img
標簽的有效屬性: https : //developer.mozilla.org/En/HTML/Element/Img
相反,我認為您需要一個<input type="image" />
標簽: https : //developer.mozilla.org/en/HTML/Element/Input 。
<img type="submit" />
也不適合我,但是使用<input type="image" />
: http : //jsfiddle.net/HXrNb/1/
然后,您可以將validate()
函數綁定到表單的submit
事件:
$('form').on('submit', function () {
...
if ((validateEmail(email)) || originalText(email)) {
...
return true;
} else {
...
return false;
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.