2013-07-20 87 views
0

我有一個名稱,電子郵件在html頁面的內容。我必須通過點擊繼續按鈕來驗證它。並且內容div中的內容也必須改變。我怎麼做點擊繼續按鈕。幫我提一些建議。謝謝。 am使用下面的代碼來更改div內容。jquery驗證和更改div內容

<script> 
$(document).ready(function() { 
    $("#button").click(function() { 
     $("#content").load("<?php echo base_url().'survey/categories' ?>"); 
    }); 
}); 
$(document).ready(function() { 
    $("#button1").click(function() { 
     $("#content").load("<?php echo base_url().'survey/budget_overview' ?>"); 
    }); 
}); 
</script> 
+1

「的jsfiddle」有助於理解你的問題。請製作一個「Jsfiddle」示例。 –

回答

0

我認爲問題出在你的語法上。你有這樣的加載方法來指定一個文件URL:

$(document).ready(function(){ 
    $("form").submit(function(){ 
     $("#content").load("myfile.php"); 
     return false; 
    }); 
}); 

可以對load documentation看看。

+0

按鈕單擊我需要驗證名稱和電子郵件 – user2412936

+0

所以你想驗證一個表單? –

+0

是的,將驗證後我需要加載內容div – user2412936

0

正如我理解你的問題,我想你想要的是在點擊按鈕的同時做兩個任務。所以這裏是一些示例代碼,假設這是你想要的。如果你有任何疑問只是問。我有隻增加了樣品電子郵件驗證在JavaSript使用正則表達式的代碼作爲函數結束..有此想法,希望這有助於你,, //

$(document).ready(function() { 

    //Button1 Click 
    $("button").click(function(){ 

     //initialize inputs here 
     var email =$("#email").val; 
     var input1=$("#input1").val; 
     //Validate Inputs Here 
     if(IsEmail(email)==true && input1!=""){ 

      return true 
     } 
     else{ 

      return false; 
     } 

     //Loading the first content after validating inputs 
     $("#content").load("<?php echo base_url().'survey/categories' ?>");  

     //To Trigger the other button 
     $('#button1').trigger('click'); 

     }); 

     //Button1 Trigger Will fire Click event 
     $("#button1").click(function() { 
     $("#content").load("<?php echo base_url().'survey/budget_overview' ?>"); 
    }); 
}); 


    //Email Validation In JavaScript 
    function IsEmail(email) { 
      var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
      return regex.test(email); 
     } 
+0

是的,你是對的。當他們點擊繼續時,它必須檢查驗證,如果一切都被驗證,它必須更改div內容。請爲此提供一些示例代碼,包括驗證名稱和電子郵件。 – user2412936

+0

爲什麼不搜索谷歌驗證文本輸入和電子郵件;有數百個例子... – nrsharma

+0

檢查我提供的代碼,我在代碼的最後添加了一個基本的電子郵件驗證功能。 –