What's wrong in my validation of SelectBox

[Dorababu]

I have written the following script to check whether selected index of Select Box is -1 or not but this is not working for me can any one help me.

<script type="text/javascript">
        var onBeforeSubmit = function (select) {
            if (select.value==-1) {
                Ext.Msg.alert("Error", "Select an item.");
                return false;
            }
        };
    </script>

This is my button design

  <ext:Button ID="Button1" runat="server" Text="Submit">
            <DirectEvents>
                <Click OnEvent="Select" Before="return onBeforeSubmit(#{SelectBox1})" />
            </DirectEvents>
        </ext:Button>

[Daniil]

Hi,

Well, the SelectBox value doesn't consist an index of a selected item.

I can suggest the getValue method, it returns null if there is no selected item.

Example

#{SelectBox1}.getValue() === null

[Dorababu]

You mean like this

 <script type="text/javascript">
        var onBeforeSubmit = function () {
            if (#{SelectBox1}.getValue() === null) {
                Ext.Msg.alert("Error", "Select an item.");
                return false;
            }
        };
    </script>

But still I am unable to display the alert

[Daniil]

Did you wrap that <script> in <ext:XScript> control? To get #{} syntax working.

[Dorababu]

Can you give me the code please I am not that much familiar with these tools and scripts

[Daniil]

Well, your initial code should work, just replace

if (select.value==-1) {

with

if (select.getValue() === null) {

[Dorababu]

Thanks Danill...