[CLOSED] Cancel button event if wrong date in datefield

Hi,

I have 2 datefield from and to (daterange), and I have 1 button. The button have direct event on it.
If I inputted wrong date format (when the red line shown in the datefields), and then click the button, I expect to cancel the event on the button and show error message.
How can I do this?

I am thinking to use listener for checking and direct method for the event. But how to check if the datefield is in the wrong format?

Thanks

Code:

---

<ext:DateField ID="DateField_From" runat="server" EndDateField="DateField_To" Vtype="daterange"></ext:DateField>
<ext:DateField ID="DateField_To" runat="server" StartDateField="DateField_From" Vtype="daterange"></ext:DateField>

<ext:Button ID="Button1" runat="server" Text="Button1">
<DirectEvents>
    <Click OnEvent="Button1_Event"></Click>
</DirectEvents>
</ext:Button>

---

Hi,

To prevent a DirectEvent please return false from a .Before handler of that DirectEvent or the same client side listener.

To check a DateField (and any other field) on valid (including format), please use the .isValid() method.
http://dev.sencha.com/deploy/ext-3.4...member=isValid

tq Daniil,

is it possible to move the javascript code to .js file?

i've tried to move it to separate .js file but it turn out the page cannot be loaded because javascript error
seem. not recognizing the extjs

this part is not parsed i think.

Code:

---

#{DateField_PeriodFrom}.isValid() == false

---

Sure, possible.

If you use an "Ext" reference in that file, please place <script> after ResourcePlaceHolder.

Code:

---

<ext:ResourcePlaceHolder runat="server" Mode="ScriptFiles" />
<script type="text/javascript" src="script.js></script>

---