2014-01-24 64 views
0

不知我是否可以在JS驗證任何想法之後才執行onlick函數?如何僅在JS驗證後執行jquery onclick =「」函數

我有一個電子郵件和電話強制提交的表格,我想在表單提交前檢查它們,如果一切正常,則更多另一個div onclick="$('#dialog-links-blocks').show()"應顯示一條消息謝謝!我如何才能使其在驗證後才能顯示!

<script type="text/javascript">// <![CDATA[ 
function validateForm() 
{ 
var x=document.forms["myform"]["phone"].value; 
var y=document.forms["myform"]["email"].value; 
if (x==null || x=="") 
    { 
    alert("Укажите номер телефона!"); 
    return false; 
    } 
if (y==null || y=="") 
    { 
    alert("Укажите email!"); 
    return false; 
    } 

} 
// ]]></script> 


<iframe name="hiddenFrame" width="320" height="240"></iframe> 
<form id="validation" action="http://listovki.md/send_form_email.php" method="POST" name="myform" enctype="multipart/form-data" onsubmit="return validateForm()" target="hiddenFrame"> 
    <table><colgroup> <col width="122" /> <col width="260" /> </colgroup> 
    <tbody> 
    <tr> 
    <td><label>имя</label></td> 
    <td><input type="text" name="family" /></td> 
    </tr> 
    <tr> 
    <td><label>почта</label></td> 
    <td><input type="email" name="email" /></td> 
    </tr> 
    <tr> 
    <td><label>gsm</label></td> 
    <td><input class="gsm" type="tel" name="phone" /></td> 
    </tr> 
    <tr> 
    <td colspan="2"><input class="aplicaAcumBt" onclick="$('#dialog-links-blocks').show()" type="submit" name="submit" value="отправить" /></td> 
    </tr> 
    </tbody> 
    </table> 
    </form> 
+2

你不能因爲提交按鈕的點擊事件將表單的提交事件之前進行發射觸發....你可以重新安排代碼,使代碼執行後驗證 –

+1

如果你想使用內聯事件處理程序(不推薦),然後嘗試「

'並刪除onclick處理程序 –

+0

驗證是好的,但div塊不顯示:( –

回答

1

爲什麼只有驗證爲真時才顯示div?爲什麼只顯示上單擊

<script type="text/javascript">// <![CDATA[ 
    function validateForm() 
    { 
    var x=document.forms["myform"]["phone"].value; 
    var y=document.forms["myform"]["email"].value; 
    if (x==null || x=="") 
     { 
     alert("Укажите номер телефона!"); 
     return false; 
     } 
    if (y==null || y=="") 
     { 
     alert("Укажите email!"); 
     return false; 
     } 
    // Validation is true here 
    $('#dialog-links-blocks').show() 
    } 
    </script> 
+0

謝謝!它的工作原理! –