如何将表单验证错误放入警报框中?

<?php
echo '<p>username</p>';
echo form_input('username',set_value('username',''));
echo '<p>Password</p>';
echo form_input('password',set_value('password',''));
echo '<p>Confirm Password</p>';
echo form_input('password2',' ');
echo form_submit('submit','Create account');
?>
<?php echo validation_errors('<div class="error"></div>'); ?>

这是我的代码,可以正常工作,但错误显示在表格下方。我希望错误出现在弹出的警报框中。

xinandjsl0305 回答:如何将表单验证错误放入警报框中?

$('#submit').click(function (e) {
  var username = $("input#username").val();
  var password = $("input#password").val();
  var confirmPassword = $("input#password2").val();
  if(username==""){
      alert('Username cannot be empty');
      return false;
  }
  if(password==""){
      alert('password cannot be empty');
      return false;
  }
  if(confirmPassword==""){
      alert('Confirm password cannot be empty');
      return false;
  }
  if(password != confirmPassword){
      alert("Confrim password doesn't match password");
      return false;
  }
  return true
}       
,

尝试一下

<?php
echo '<p>Username</p>';
echo form_input('username',set_value('username',''));
echo form_error('username','<div class="alert alert-danger">','</div>');
echo '<p>Password</p>';
echo form_input('password',set_value('password',''));
echo form_error('password','</div>');
echo '<p>Confirm Password</p>';
echo form_input('password2',' ');
echo form_error('password2','</div>');
echo form_submit('submit','Create Account');
?>

并删除

<?php echo validation_errors('<div class="error"></div>'); ?>

,如果您想在某种甜蜜警报或任何事情中出错 只需尝试脚本并根据需要对其进行编辑即可,使用相同的代码直到form_submit方法并删除validation_errors方法

<script type="text/javascript">
    <?php if(form_error('username')){ ?>
        alert('<?php echo form_error('password'); ?>');
    <?php } ?>  
    <?php if(form_error('password')){ ?>
        alert('<?php echo form_error('password'); ?>');
    <?php } ?>  
    <?php if(form_error('password2')){ ?>
        alert('<?php echo form_error('password'); ?>');
    <?php } ?>  
</script>
,

假设您正在使用AJAX提交表单,则验证失败后,您可以发出警报,而不必将其附加到此部门的'<div class="error"></div>'。您的js脚本中的代码可能如下所示:

//Assuming your button ID is submit
$('#submit').click(function (e) {       
  var username = $("input#username").val();
  var password = $("input#password").val();
  if (username == None):
     alert("User name cant be none");
  else if (password == None):
      alert("Password cant be none");
  else:
      //Submit a form after validation is satisfied.
      $.ajax({.......});

});

还有一些可用的JS表单验证库,您可以使用它们。这是适合您要求的参考。 https://www.tutorialspoint.com/javascript/javascript_form_validations.htm

本文链接:https://www.f2er.com/3154602.html

大家都在问