2012-09-21 67 views
1

驗證有效,當電子郵件地址無效時會彈出警告,但在您點擊「確定」後,它會發送並提交。如何阻止它處理該操作?停止表單無法驗證時提交

代碼示例:

<input type="submit" onclick="validate()" /> 

function validate() { 
var email = $('input[name=email]').val(); 
if (!/(.+)@(.+){2,}\.(.+){2,}/.test(email)) { 
    alert('Please enter a valid email address'); 
    return false; 
} 
} 

謝謝!

+0

'(。+){2,}'---這部分是什麼意思? – zerkms

+0

我從別的地方得到了正則表達式,對不起,我不知道它的具體細節,只是驗證了電子郵件!我的猜測是,這是「這裏必須是一些東西,必須至少有2個字符」 – zenkaty

+1

回答

4
onclick="return validate();" 

然後return true如果驗證成功,如果不false ...

你也可以驗證附加到窗體本身:

<form onsubmit="return validate();"> 

jquery

$('form').submit(function() { 
    // validate 
}); 
+1

完美,謝謝!將接受你的答案在11分鐘:) – zenkaty

+0

哦我喜歡jQuery編輯,可能會給那一個鏡頭。再次感謝。 – zenkaty

2

您需要綁定form標籤的onsubmit事件即

<form onsubmit="return validate();" >...</form>