I have a custom VF page that I am using as a custom cases page, standardController="case". I have an apex:form with a few apex:inputField to create the boxes. Inside the form I have a save and cancel button.

<apex:commandButton value="Submit" action="{!Save}" />
<apex:commandButton value="Cancel" action="{!Cancel}" immediate="true" />

The problem is if I include required="true" on the inputFields I am not able cancel the submission until I have put something into the fields marked with required. The flip side is without the fields being marked as required I am able to submit the form with nothing filled out.

  <apex:form >
  <h1 class="FBlue">Case Edit</h1>
  <section class="whiteBox">
    <div class="bottomFive">
      <div class="w40 left bottomFive">
        <h4>Created by</h4>
        <br />
        <h4><apex:inputField value="{!case.Name__c}" styleclass="input-disabled w50"/></h4>
      <div class="w20 right">
        <h4><apex:inputField value="{!case.Status}" styleclass="input-disabled"/></h4>
      <div class="w40">
        <h4>Account Name</h4>
        <br />
        <h4><apex:inputField value="{!case.AccountId}" styleclass="input-disabled w50"/></h4>

      <section class="bottomFive topFive">
        <div class="TableTitle">
          <h4>Case Description</h4>
        <br />
        <div class="w50 inlineBlock bottomFive ">
          <div class="w40 left">
            <h4>I need assistance with</h4><span class="required">*</span>
            <br /><apex:inputField value="{!case.I_need_assistance_with__c}" required="true"/>
          <div class="w40 rFloat">
            <h4>Topic</h4><span class="required">*</span>
            <br /><apex:inputField value="{!case.Topic__c}" required="true"/>
        <br />
        <div class="w70">
          <h4>Subject</h4><span class="required">*</span>
          <br /><apex:inputField styleclass="bottomFive w100" value="{!case.subject}"/>
        <br />
        <div class="FTop w100">
          <h4>Description</h4><span class="required">*</span>
          <br /><apex:inputField styleclass="w70" value="{!case.Description}"/>
        <br />
        <div class="w20">
          <h4>Severity</h4><span class="required">*</span>
          <br /><apex:inputField value="{!case.Severity__c}" />
        <p>If your request does not meet the Severity criteria as defined above, Support may re-classify it as appropriate.</p>
        <br />

    <div class="FCenter">    
      <apex:commandButton value="Submit" action="{!Save}" styleclass="btn-white"/>
      <apex:commandButton value="Cancel" action="{!Cancel}" immediate="true" styleClass="btn-white btnspace"/>

How can I have required fields and still have a cancel button?

EDIT: The page does work and we are not having any issues the fields. Strictly the cancel button is not working.

  • can you post your VF page?
    – Rao
    Commented Apr 4, 2014 at 20:26
  • @aDriodman can you please post your vf page.It looks you have immediate="true on cancel button.I think it should let you to cancel
    – sfdc
    Commented Apr 4, 2014 at 20:27
  • I have updated to include the majority of the page. I am unable to paste the entire page due to some content outside of the form.
    – Grady D
    Commented Apr 4, 2014 at 20:30
  • 1
    @aDroidman please see this link salesforce.stackexchange.com/questions/27156/…
    – sfdc
    Commented Apr 4, 2014 at 20:36
  • just to clairfy you are using standard cancel and do not have a custom cancel method in your controller
    – Rao
    Commented Apr 4, 2014 at 20:36

4 Answers 4


If you are setting your doctype to HTML5 and having a validation error on cancel, I would recommend that you pass through the html "novalidate" parameter (assuming in normal save, all of your validation would be done via Apex and not the HTML 5 validation. Should work like this:

<apex:form html-novalidate>
  • Thank you sir!! I was missing the html- before my novalidate.
    – Grady D
    Commented Apr 4, 2014 at 21:10
  • 3
    I had to use html-novalidate='novalidate' in order to save my Visualforce page, then this worked great! Commented Nov 4, 2014 at 21:12
  • two hours of my life was lost today until found this answer. I'd give you more upvotes if I could
    – cropredy
    Commented Apr 9, 2021 at 1:29

Using above solution i.e. "apex:form html-novalidate" will disable all validations for all command buttons including buttons like "Save". It would be best to disable validations only on press of CANCEL button, which could be achieved in an isolated way on CANCEL button only i.e.

<apex:commandButton action="{!cancel}" value="Cancel" immediate="true"
                    html-formnovalidate="formnovalidate" />

This only disables validation on CANCEL button press and they work on rest of the buttons. Read more about it in my recent blog post for the same : http://www.tgerm.com/2014/06/cancel-out-of-html5-browser-based-validations-novalidate.html


To add to the knowledge above, there is also a known issue with HTML-5 and commandbuttons which use "immediate=true":


Even with immediate=true and a properly used action region, the page might still validate the required fields (even if they are outside the action region) and therefore fail to complete the action.

The workaround is to use an actionfunction to call the required server action. Take the action attribute off the command button and add an onclick="ActionFunctionName();return false;" to the command button.


try this in case action is not standard controller {!cancel} action:

<apex:commandButton oncomplete="javascript:window.open('/{!$CurrentPage.parameters.#}', '_parent');" value="Cancel" immediate="true" />

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .