Yii2高级版：提交表单时在当前页显示自定义错误信息求助

Hey there! Let's work through getting that custom error message to show up right on the page when your submit button hits an error. Since you ran into snags with setFlash and addError, let's break down fixes based on common web dev scenarios:

First, let's make sure you're using the method correctly depending on your setup:

• If you're working with a form validator (like in Laravel), attach your custom error to the error bag properly:

  // In your submit-handling controller method
  $validator = Validator::make($request->all(), [
      'email' => 'required|email',
      // Add your other validation rules here
  ]);
  
  if ($validator->fails()) {
      // Append a custom general error
      $validator->errors()->add('custom', 'Oops! Something went wrong with your submission.');
      // Send errors back to the original page
      return redirect()->back()->withErrors($validator);
  }
  

  Then in your view, display the custom error:

  @if ($errors->has('custom'))
      <div class="alert alert-danger">
          {{ $errors->first('custom') }}
      </div>
  @endif
  

• If you were using addError on a model (like in CakePHP), don't accidentally redirect away—keep the request on the same cycle so the error data stays attached to the view you're already on.

Flash messages are designed to persist across redirects, so if you want the error to show without reloading the page, this might not be the right tool. But if you do need flash messages for a redirect scenario:

• Make sure you're setting and retrieving them correctly. Example in Laravel:

  // Controller
  return redirect()->back()->with('error', 'Your custom error message here.');
  

  // View
  @if (session('error'))
      <div class="alert alert-danger">
          {{ session('error') }}
      </div>
  @endif
  

• Double-check that your session is properly configured (flash messages rely on sessions) and that you're not overwriting the flash data elsewhere in your code.

If you're submitting the form via AJAX, you can handle errors directly in JavaScript without backend flash/error methods:

document.getElementById('submit-btn').addEventListener('click', async (e) => {
  e.preventDefault();
  const formData = new FormData(document.getElementById('your-form'));
  
  try {
    const response = await fetch('/your-submit-url', {
      method: 'POST',
      body: formData
    });
    
    if (!response.ok) {
      const errorData = await response.json();
      // Show the custom error on the page
      const errorContainer = document.getElementById('error-container');
      errorContainer.textContent = errorData.message;
      errorContainer.style.display = 'block';
    }
  } catch (err) {
    // Handle network errors
    const errorContainer = document.getElementById('error-container');
    errorContainer.textContent = 'Failed to connect to the server. Please try again.';
    errorContainer.style.display = 'block';
  }
});

Add an error container to your HTML:

<div id="error-container" class="alert alert-danger" style="display: none;"></div>

• Don't redirect to a different page by mistake—if you want the error on the same page, return the view directly with error data instead of redirecting.
• Double-check for typos in variable names (e.g., looking for err instead of error in your view) — this is a super common culprit!
• If you're using a specific framework, cross-reference the official docs for addError or flash message syntax—sometimes method signatures change between versions.

Hope these solutions get that custom error message showing up like you want! If you can share more details about the framework you're using, I can refine this even further.

内容的提问来源于stack exchange，提问作者Mr Second