2013-11-04 51 views
0

對不起,這是一個非常基本的問題,但我在嘗試搜索很多時詢問這裏。停止jquery在驗證失敗時運行服務器端代碼

基本上我正在做客戶端驗證其運行的一半代碼,但它也運行的PHP代碼,即使它失敗了。

<script type="text/javascript"> 
    function formValidation(){ 
     if($("#inputCname").val() == ''){ 
      alert("Category missing"); 
      ($this).css("border-color","red"); 
      return false; 
     } 
     return true; 
    }; 
</script> 

下面我打電話給這個函數。請注意,我已經嘗試使用提交按鈕上的onclick事件,但仍然無法正常工作。

<form class="form form-search" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST" enctype="multipart/form-data" onsubmit="formValidation();"> 

非常感謝。

+0

你有錯誤,正在控制檯拋出阻止該代碼運行? – charlietfl

+0

'($ this)'應該是'$(this)' –

回答

0

您必須添加一回的onsubmit停止提交

<form class="form form-search" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST" enctype="multipart/form-data" onsubmit="return formValidation();"> 

編輯 還有你的JS功能相關的問題

$("#inputCname").css("border-color","red"); 
+0

它仍然不能正常工作。它顯示警報,然後提交表單 –

0

而不是做這個的每一種元素,使用jQuery驗證,它會爲你做到這一切。同時顯示每個表單元素的警報不是一個好的做法。它將通過驗證爲您解決所有問題,爲您提供更多功能。

你可以從下面的鏈接下載jquery驗證並檢查它的文檔。

下載鏈接http://jqueryvalidation.org/

文檔來實現http://jqueryvalidation.org/documentation/

相關問題