javascript - onclick提交按钮不返回javascript函数yii

Question

我的代码在

看法

<?php echo CHtml::SubmitButton('Submit',array('onclick'=>'return validation();'));?>

我的脚本功能是

function validation(){

    jQuery("#firstname_result").hide();

    jQuery("#lastname_result").hide();

    jQuery("#email_result").hide();

var firstname =jQuery("#first_name").val();

    var lastname = jQuery("#last_name").val();

    var email = jQuery("#email").val();

success=true;

if(firstname==''){

    success=false;

    jQuery('#firstname_result').html('First Name cannot be blank.').show();


}
if(lastname==''){
        success=false;
    jQuery('#lastname_result').html('Last Name cannot be blank.').show();

}
if(email==''){    
        success=false;
    jQuery('#email_result').html('Email cannot be blank.').show();

}

if(!success)
        return;

}

单击提交按钮后，显示错误并闪出到提交目标的其他页面..任何人都可以告诉我如何克服这个问题吗？

Answer 1

尝试返回成功变量的值。它应该可以解决问题。

if(!success) return;

应该

return success;

这将阻止表单合并。

Answer 2

使用 preventDefault 来防止表单提交。

修改后的代码：

<?php echo CHtml::SubmitButton('Submit',array('onclick'=>'return validation(event);'));?>

function validation(event){
   ..... //code 
  if(!success) {  
         event.preventDefault();
         event.returnValue = false; // for IE.
     }