我使用的验证是，如果屏幕上的下一个选项卡为空，则不允许我移动到该选项卡 jQuery（函数（）{ $（'#name'）.blur（函数（）{ $nameval=$（'#name'）.val（）； 如果（$nameval==“”）{ 警报（“名称字段不应为空”）； } }); $（'#address'）.blur（函数（）{ $addressval=$（'#address'）.val（）； 如果（$addressval==“”）{ 警报（“地址字段不应为空”）； } }); });

这是我使用的代码…如果我将字段留空，将显示验证警报框，但如果字段留空，则不允许我进入屏幕中的下一个选项卡。

---

实际上，我需要关注第一个留空的字段。

对表单字段使用被动验证（如向字段添加错误类），然后仅在提交表单时或在提交ajax请求提交数据之前进行主动通知

大概是这样的：

<?php echo $this->Html->script('balaashjquery'); ?>
  <script type="text/javascript">
     jQuery(function(){
    $('#name').blur(function(){
      $nameval = $('#name').val();
      if($nameval ==""){
       alert('Name field should not be empty');
      }
    });


    $('#address').blur(function(){
      $addressval = $('#address').val();
      if($addressval ==""){
       alert('address field should not be empty');
      }
    });
          });

           </script>
          <?php echo $this->Form->create('Advertiser',
 array('controller' =>'advertisers', 'action' => 'add'));
         echo $this->Form->input('name', array('id'=>'name'));
  echo $this->Form->input('address', array('id'=>'address'));
   echo $this->Form->end('Save Advertiser');
 ?>

更好的是，像jquery.validate这样的验证插件允许您创建简单的规则并提供本地化的错误消息

最后，如果您使用像angularjs这样的框架，那么您可以在HTML标记中正确地完成许多与验证相关的工作

fwiw，您应该将

var

放在变量声明之前（

var$nameval

，

var$addressval

），以保持全局范围干净

function passive(e){
    // change the field
    $(e.target).toggleClass("ui-error",$(e.target).val() === "")
    // apply changes to the labels
    $(e.target).prev('label').toggleClass(...)
}
function aggressive(e){
    // find errors
    // alert errors
    // if errors return false
}
$("#loginForm").submit(aggressive);
$("[required]").blur(passive);