Feb 12, 2009, 1:04 AM
[CLOSED] validation fail
hi,
i am validating coolite textbox. if i enter wrong input in textbox, which shows error. Then i click the button, it fires, even there is errors in textbox. how to avoid button click fire event , if validation error occurs in textboxes.
please see the code.
i am validating coolite textbox. if i enter wrong input in textbox, which shows error. Then i click the button, it fires, even there is errors in textbox. how to avoid button click fire event , if validation error occurs in textboxes.
please see the code.
<%@ Page Language="C#" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<script runat="server">
protected void Button1_Click(object sender, AjaxEventArgs e)
{
TextField1.Text = "success";
}
</script>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager1" runat="server" />
<ext:Panel ID="FormPanel" runat="server" Width="400" Height="400" Frame="true" Title="Form panel">
<Body>
<ext:FormLayout ID="FormLayout1" runat="server">
<ext:Anchor>
<ext:TextField ID="TextField1" runat="server" Regex="/^(\d{3}[-]?){1,2}(\d{4})$/" FieldLabel="Phone" RegexText="Not a valid phone number. Must be in the format 123-4567" >
</ext:TextField>
</ext:Anchor>
<ext:Anchor>
<ext:TextField ID="TextField2" runat="server" Regex="/(^-?\d\d*\.\d*$)|(^-?\d\d*$)|(^-?\.\d\d*$)/" FieldLabel="Numeric" RegexText="Not a valid number" >
</ext:TextField>
</ext:Anchor>
<ext:Anchor>
<ext:TextField ID="TextField3" runat="server" Regex="/^[a-zA-Z_]+$/" FieldLabel="Alpha" RegexText="This field should only contain letters" >
</ext:TextField>
</ext:Anchor>
</ext:FormLayout>
</Body>
<Buttons>
<ext:Button ID="Button1" runat="server" Text="Validate">
<Listeners>
<Click Handler="#{FormPanel}.items.each(function(item){item.validate();});" />
</Listeners>
<AjaxEvents>
<Click OnEvent="Button1_Click" ></Click>
</AjaxEvents>
</ext:Button>
</Buttons>
</ext:Panel>
</form>
</body>
</html>