How To Use Modal With Validation

<!-- in your view -->

<div class="form">

                                                &lt;?php


                                                &#036;model = new login();


                                                &#036;form = &#036;this-&gt;beginWidget('CActiveForm', array(


                                                    'id' =&gt; 'login-form',


                                                    'enableClientValidation' =&gt; true,


                                                    'clientOptions' =&gt; array(


                                                        'validateOnSubmit' =&gt; true,


                                                    ),


                                                    'htmlOptions' =&gt; array(


                                                        'onsubmit' =&gt; 'return false',


                                                        'onkeypress' =&gt; 'if(event.keyCode == 13){ send(); }',


                                                        'onclick' =&gt; '&#036;(&quot;#submit-form&quot;).click(function(e){


                                                            var idClicked = e.target.id;


                                                                 if(idClicked===&quot;submit-form&quot;)


                                                                           send(); 


                                                                               																			   


                                                                               });'


                                                    ),


                                                ));


                                                ?&gt;


                                                &lt;div class=&quot;errorMessage&quot; id=&quot;formResult&quot;&gt;&lt;/div&gt;





                                               


                                                &lt;div id=&quot;AjaxLoader&quot; style=&quot;display: none&quot;&gt;&lt;img src=&quot;&lt;?php echo Yii::app()-&gt;request-&gt;baseUrl;?&gt;/upload/spinner.gif&quot;&gt;&lt;/img&gt;&lt;/div&gt;











                                                &lt;div class=&quot;row&quot;&gt;


                                                    &lt;?php echo &#036;form-&gt;labelEx(&#036;model, 'username'); ?&gt;


                                                    &lt;div class=&quot;input-prepend&quot;&gt;&lt;span class=&quot;add-on&quot; id=&quot;una&quot;&gt;&lt;i class=&quot;icon-user&quot; &gt;&lt;/i&gt;&lt;/span&gt;&lt;?php echo &#036;form-&gt;textField(&#036;model,'username'); ?&gt;&lt;/div&gt;


                                                    &lt;?php echo &#036;form-&gt;error(&#036;model, 'username'); ?&gt;


                                                &lt;/div&gt;





                                                &lt;div class=&quot;row&quot;&gt;


                                                    &lt;?php echo &#036;form-&gt;labelEx(&#036;model, 'password'); ?&gt;


                                                  &lt;div class=&quot;input-prepend&quot;&gt;&lt;span class=&quot;add-on&quot; id=&quot;una&quot;&gt;&lt;i class=&quot;icon-lock&quot; &gt;&lt;/i&gt;&lt;/span&gt;&lt;?php echo &#036;form-&gt;passwordField(&#036;model,'password'); ?&gt;&lt;/div&gt;


                                                    &lt;?php echo &#036;form-&gt;error(&#036;model, 'password'); ?&gt;


                                                    &lt;div  id=&quot;validation1&quot; style=&quot;color:red;&quot;&gt; &lt;/div&gt;


                                                &lt;/div&gt;





                                                &lt;div class=&quot;row buttons&quot;&gt;


                                                  &lt;?php    echo CHtml::submitButton('submit', array('class' =&gt; 'btn btn-primary', 'id' =&gt;'submit-form'));?&gt;





                                                &lt;/div&gt;








                                                &lt;?php &#036;this-&gt;endWidget(); ?&gt;


                                            &lt;/div&gt;

<script>

function send()

                                            {





                                                var data = &#036;(&quot;#login-form&quot;).serialize();


                                                        


                                                &#036;.ajax({


                                                    type: 'POST',


                                                    datatype: 'json',


                                                    url: '&lt;?php echo Yii::app()-&gt;createUrl(&quot;login/login&quot;); ?&gt;',


                                                    data: data,


                                                    success: function(data) {


                                                        var obj = jQuery.parseJSON(data);


                                                        


                                                        if (obj.status === &quot;success&quot;) {





                                                            &#036;('#example').modal('hide');


                                                            &#036;('.modal-backdrop').fadeOut();


                                                            document.getElementById('js1').innerHTML = &quot;&lt;b&gt;Hi,&lt;/b&gt; :Guest&quot; +


                                                                    &quot;&lt;input type='button' class='btn btn-primary'  value='Logout' onclick='logout_sys();'/&gt;&quot;;


                                                            createCookie(&quot;login&quot;, &quot;sys&quot;);


                                                            


                                                        }


                                                        else{


                                                            


                                                               var obj1 = &#036;.parseJSON(data);


                                                                &#036;.each(obj1, function(key, val) {





                                                                 &#036;(&quot;#&quot; + key + &quot;_em_&quot;).html(val).fadeIn().delay(2000).fadeOut();


																 





                                                            });





                                                           }





                                                    },


                                                    error: function(data) { // if error occured


                                                        alert(&quot;Error occured.please try again&quot;);


                                                        


                                                    }


                                                });


                                                       return  false;








                                            }

</script>

<!-- view end -->

<!-- in controller -->

public function actionLogin() {

    &#036;model = new login();

// if (!$model->validate()) {

// $this->redirect(CController::createUrl(‘movie/slider’));

//

// //Yii::log("2", 1, 1);

// }

    // uncomment the following code to enable ajax-based validation


    //if (isset(&#036;_POST['ajax']) &amp;&amp; &#036;_POST['ajax'] === 'login-login-form') {








       // echo CActiveForm::validate(&#036;model);


       // Yii::app()-&gt;end();


    //}


    //Yii::log(&quot;3&quot;, 1, 1);


       if (Yii::app()-&gt;request-&gt;isAjaxRequest){ 


            //echo &quot;hi1&quot;;


    if (isset(&#036;_POST['login'])) {


        &#036;model-&gt;attributes = &#036;_POST['login'];


           //print_r(&#036;model-&gt;attributes);





        if ((&#036;model-&gt;auth_login(&#036;model-&gt;username, &#036;model-&gt;password))) {


         echo CJSON::encode(array(


                'status' =&gt; 'success'


            ));


            //print_r('success');


           //CJSON::encode(&#036;json);


            


            Yii::app()-&gt;end();


        } else {





            &#036;error = CActiveForm::validate(&#036;model);


            


            if (&#036;error &#33;= '[]')


                


                print_r(&#036;error);


           


            Yii::app()-&gt;end();


        }


    }


       }


	   //echo  &quot;hi&quot;;





    //&#036;this-&gt;redirect(CController::createUrl('movie/slider'));


}

<!— controller close --!>