Check Account Balance

<!DOCTYPE html>     <html lang="en" class="no-js">  <head id="head"><meta property="og:title" content="Check Account Balance | Ventra" /><meta property="og:type" content="website" /><meta property="og:url" content="https://www.ventrachicago.com/balance/" /><meta property="og:description" content="" /><meta property="og:image" content="https://www.ventrachicago.com/cms/images/layout/ventraslide1.png" /><meta property="og:site_name" content="Ventra" /><meta property="fb:admins" content="1234567890" /><title> Check Account Balance | Ventra </title><meta http-equiv="content-type" content="text/html; charset=utf-8" />  <script async src="https://www.googletagmanager.com/gtag/js?id=DC-8249870"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'DC-8249870'); </script>   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MHBHFCJ');</script>   <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:175491,hjsv:5}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'//static.hotjar.com/c/hotjar-','.js?sv='); </script> <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-35137511-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <link rel="stylesheet" type="text/css" href="/FileMerge.axd?t=CSS&r=IC2izhMo2dCB%2b0oedAhZXCHEwE0e1Zh1IY5mPlBacLDDeiSIMCI%2b%2fsj%2b4HK4HKWNCJfaqJb3HyA9ITi9j6hd8A%3d%3d&g=5840cf67-15d2-44e4-8166-a3fb5f7a2016&c=1" /> <script type="text/javascript" src="/FileMerge.axd?t=JavaScript&r=K7%2b4uWiaFl21c54JiKmnk%2fLlovW2E%2fo6vJgLd97u6doHrVdn2dJEHD3MFmCmAD0b&g=4a4ddc6e-69b5-4c6e-9453-a7efd4a83cc8&c=1"></script> </head>  <script> gtag('event', 'conversion', { 'allow_custom_scripts': true, 'send_to': 'DC-8249870/rtven0/ventr0+standard' }); </script> <noscript> <img src="https://ad.doubleclick.net/ddm/activity/src=8249870;type=rtven0;cat=ventr0;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;gdpr=${GDPR};gdpr_consent=${GDPR_CONSENT_755};ord=1?" width="1" height="1" alt=""/> </noscript>   <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://linkprotect.cudasvc.com/url?a=https%3a%2f%2fconnect.facebook.net%2fen_US%2ffbevents.js&c=E,1,X8xCUwsjjwSzjYxy3z3skIatCjpiUHXRdlWRh-8UICTmHglzDxHJ3dZkPg6f4U_-RvelCA8D8s8ua4Sm1rUHVnjjKfpFw7cnRd_ZCGqIsfJpmXk,&typo=1'); fbq('init', '2564207390520933'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=2564207390520933&ev=PageView&noscript=1" /></noscript>  <body class="mainbody interior">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MHBHFCJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <form name="main" method="post" action="/balance/" id="main"> <div> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['main']; if (!theForm) { theForm = document.main; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <script src="/WebResource.axd?d=uI-3zt6tg4yUSwKFIl5QGM6WZFNn_6qoi-dlCDg4fIRNaagbcntxbpv-10Poa5Ex2TYvrutpf6flmkgFSC8myQYEWS01&t=638568424745067788" type="text/javascript"></script> <script src="/ScriptResource.axd?d=6-5H4moFJpkXejvuID6GIPnR5R-yc6tPoIzltw2-zxGSvUto2wdO9ldVpaI02bFCJ32M_csybMBf5cAhXGhLKwR7dEbvCv8PfiH8Vzd7aDwCBNjkMIR0pSyjhWdHD46Igk4_HI85k7tKAsbEapPJTpXy5xdCEFsZ4ZEMM6zFf9p98V_Y0&t=ffffffffc820c398" type="text/javascript"></script> <script src="/ScriptResource.axd?d=CjMc6dB3c37z3uNx1pG5KXLuxqO5aExLjjjXL8ggfjaMBNKDXg4RTiTwUNTg4KIEYh9vf-5dCLXfVKxgcnkjCRogFq6BtQMoEzuQiTE38dYVsrJ-Vlxdtp5o4upMyXnbvsHRnmgP_QReTjgWP6FZ_HtSpHuCu6ITLLDdrxwCHhcP5Krl0&t=ffffffffc820c398" type="text/javascript"></script><input type="hidden" name="hdnRequestVerificationToken" id="hdnRequestVerificationToken" value="IPqYjZeOoEAOkoJtlBJ3Qfthv5rivYLJ0e6HVPPMoXKXBWBOju3Rdh6h1QaGDhKVbP07VmQq6z8rPY43eprFJg==" /><script type="text/javascript">$(document).ready(function(){ $.ajaxSetup({headers: { 'RequestVerificationToken': $("#hdnRequestVerificationToken").val() }});});</script><input type="hidden" name="hdnSubDirectory" id="hdnSubDirectory" /> <script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('sm', 'main', [], [], [], 90, ''); //]]> </script> <header class="header"> <a class="skip" href="#maincontent">Skip to main content</a> <div class="container_12"> <div class="grid_6"> <h1 class="logo"><a href="/">Ventra</a></h1> </div> <script> //<![CDATA[ (function (HawkSearch, undefined) { HawkSearch.BaseUrl = 'https://www.ventrachicago.com/searchproxy/'; HawkSearch.TrackingUrl = 'http://aesearch.americaneagle.com/sites/ventra'; if ("https:" == document.location.protocol) { HawkSearch.BaseUrl = HawkSearch.BaseUrl.replace("http://", "https://"); HawkSearch.TrackingUrl = HawkSearch.TrackingUrl.replace("http://", "https://"); } }(window.HawkSearch = window.HawkSearch || {})); var hawkJSScriptDoc = document.createElement("script"); hawkJSScriptDoc.async = true; hawkJSScriptDoc.src = HawkSearch.TrackingUrl + '/includes/hawksearch.min.js?v1.0'; var hawkJSTag = document.getElementsByTagName('script')[0]; hawkJSTag.parentNode.insertBefore(hawkJSScriptDoc, hawkJSTag); /* var hawkCSSScriptDoc = document.createElement("link"); hawkCSSScriptDoc.setAttribute("rel", "stylesheet"); hawkCSSScriptDoc.setAttribute("type", "text/css"); hawkCSSScriptDoc.setAttribute("href", HawkSearch.TrackingUrl + '/includes/hawksearch.css'); document.head.appendChild(hawkCSSScriptDoc); */ HawkSearch.initAutoSuggest = function () { HawkSearch.suggestInit('#txtVentraSiteSearch', { lookupUrlPrefix: HawkSearch.TrackingUrl + '/ajax.aspx?f=GetSuggestions&it=content', hiddenDivName: '', isAutoWidth: false }); HawkSearch.suggestInit('#txtVentraFaqSearch', { lookupUrlPrefix: HawkSearch.TrackingUrl + '/ajax.aspx?f=GetSuggestions&it=content', hiddenDivName: '', isAutoWidth: false }); }; //]]> </script> <div class="siteSearch"> <input id="txtVentraSiteSearch" type="text" class="text" placeholder="Search Site" /> <input id="btnVentraSiteSearch" type="button" class="btnSearch" value="Search" onclick="ventraSiteSearch()" /> </div> <script> /* <![CDATA[ */ $('#txtVentraSiteSearch').bind("enterKey", function (e) { ventraSiteSearch(); }); $('#txtVentraSiteSearch').keyup(function (e) { if (e.keyCode == 13) { $(this).trigger("enterKey"); } }); function ventraSiteSearch() { var searchKeyword = $("#txtVentraSiteSearch").val(); window.location = "https://www.ventrachicago.com/search?keyword=" + searchKeyword; } /* ]]> */ </script> <div id="CT_Header_ccHeaderLogin_pnlLogin" class="grid_6 logIn"> <script> /* <![CDATA[ */ $(function () { $("#btnHeaderLogin").click(function () { startLoading("#main"); var postvar = {}; postvar["f"] = "search"; postvar["u"] = $("#txtUsername").val(); postvar["p"] = $("#txtPassword").val(); postvar["pc"] = $("#CT_Header_ccHeaderLogin_chkPersist").is(":checked"); ventraUtil.callBack("CT_Header$ccHeaderLogin", postvar, "", true, function (obj) { if (obj.success) { location.href = obj.redir; } else { //alert(obj.Error); overlayDisplay(obj.error, { 'error': 'true' }); stopLoading("#main"); $('.errorOverlay').attr('tabindex','-1').focus(); $('.errorOverlay .overlayClose').attr('tabindex','0'); $('.overlayClose').on('click', function(){ $('.loginBar').focus(); }); } }); }); $('.logintitle').on('click',function(e){ e.preventDefault(); $('#txtUsername').attr('tabindex','-1').focus(); return false; }); }); /* ]]> */ </script> <span class="logIn-wrapper"> <div class="topLinks"><a href="/balance/"><strong>Check Balance</strong></a> | <a href="/retailers/locations/">Find a Retailer</a></div> <a class="loginBar" href="#" aria-label="Login Button"><span class="visuallyhidden">Account Login Button</span></a> <div class="dropBox rounded" role="dialog" aria-label="Login Box Active. Use this to Create Account, Register A Card or Sign In." tabindex="0"> <div class="clearfix"> <a class="fLeft logintitle" tabindex="0" aria-label="Login" href="#">Login</a> <div class="fRight"><a href="/new-account-helper/" aria-label="Create Account">Create Account</a> <span>or</span> <a href="/register-account/" aria-label="Register a Card">Register A Card</a></div> </div> <label for="txtUsername" class="visuallyhidden">Username</label> <input type="text" ID="txtUsername" placeholder="Username" class="topLoginUser" value="Username" autocomplete="off" /> <label for="txtPassword" class="visuallyhidden">Password</label> <input type="password" placeholder="Password" ID="txtPassword" class="topLoginPass" autocomplete="off" />  Forgot your <a href="https://www.ventrachicago.com/account/forgot-username/" aria-label="Forgot your username?">username</a> or <a href="https://www.ventrachicago.com/account/forgot-password/" aria-label="Forgot your password">password</a>? <div class="signIn"> <input id="CT_Header_ccHeaderLogin_chkPersist" type="checkbox" name="CT_Header$ccHeaderLogin$chkPersist" /> <label for="CT_Header_ccHeaderLogin_chkPersist">Remember Username</label> <input type="button" id="btnHeaderLogin" class="btn fRight" value="Login" title="Login Submit Button" aria-label="Submit"/> </div> </div> </span> </div> </div> </header> <nav class="mainNav clearfix"> <ul class="sf-menu"> <li id="CT_Header_ccTopNav_rptNav_ctl00_liItem" class="firstnavitemli"> <a href="/howitworks/" id="CT_Header_ccTopNav_rptNav_ctl00_lnkLink2" style="background-image:url(/cms/images/topnav/whatisventraV.png);" class="firstnavitema">What's Ventra?</a> </li> <li id="CT_Header_ccTopNav_rptNav_ctl01_liItem"> <a href="/how-to/" id="CT_Header_ccTopNav_rptNav_ctl01_lnkLink2" style="background-image:url(/cms/images/topnav/aboutfinal.png);">Help & How To</a> </li> <li id="CT_Header_ccTopNav_rptNav_ctl02_liItem"> <a href="/transitbenefits/" id="CT_Header_ccTopNav_rptNav_ctl02_lnkLink2" style="background-image:url(/cms/images/topnav/transitfinal1.png);">Transit Benefits</a> </li> <li id="CT_Header_ccTopNav_rptNav_ctl03_liItem"> <a href="/institution/institution-sign-up/" id="CT_Header_ccTopNav_rptNav_ctl03_lnkLink2" style="background-image:url(/cms/images/topnav/retailfinal.png);">Group Sales</a> </li> <li id="CT_Header_ccTopNav_rptNav_ctl04_liItem"> <a href="/app/" id="CT_Header_ccTopNav_rptNav_ctl04_lnkLink2" style="background-image:url(/cms/images/topnav/ventraapp1.png);">Ventra App</a> </li> <li id="CT_Header_ccTopNav_rptNav_ctl05_liItem" class="lastnavitemli"> <a href="javascript:searchBar();" id="CT_Header_ccTopNav_rptNav_ctl05_lnkLink2" style="background-image:url(/cms/images/topnav/search12.png);" class="lastnavitema">Search</a> </li> </ul> </nav> <div class="container_12 corwrpr-int clearfix"> <aside class="leftRail grid_3"> <div id="CT_Left_0_pnlNotLoggedIn"> <ul class="lnav"> <li> <a href="#">Get Started</a><a class="control collapse" href="#">+</a> <ul> <li> <ul> <li ><a href="/new-account-helper/">Create Account</a></li> <li ><a href="/purchase/">Get a Card</a></li> <li ><a href="/register-account/">Register Your Card</a></li> <li class="active"><a href="/balance/">Check Balance</a></li> <li ><a href="/retailers/">Become a Ventra Retailer</a></li> </ul> </li> </ul> </li> </ul> </div> </aside> <main class="mainRail grid_9" id="maincontent" tabindex="0"> <script src="/includes/knockout.validation.ae.js"></script> <script src="/includes/jquery-mask.js"></script> <script src="/includes/error-message-onclick.js"></script> <div class="contentBg" data-bind="visible: showSummary() != true"> <div class="pad20 clearfix"> <h1>Check Account Balance</h1> <div style="position:relative;"> <div style="width:30px; display:block; margin-right:10px; float:left;"><img src="/cms/images/layout/icon_info.png" alt="Info" / ></div> <div style="display:block; margin-bottom:20px;"><span class="bold">This form lets you check balance on any Ventra Card.</span> If you鈥檝e registered your card, you can avoid entering all this info by simply <a href="/account/">logging in</a> to see your balance. (Or better yet, just get the <a href="/app/">Ventra app</a> where you can see your balance <a href="https://www.youtube.com/watch?v=1-zT7L1dzag&index=3&list=PLqWlBsvhCQxyi44YTTJMBRh9vDqCJqvif" target="_blank">in an instant</a>!)</div> </div> <div data-bind="template: {name: 'errorSummary' , data:$root}"></div> <div class="leftHalf" id="divCardInfo"> <div class="formRow"> <div class="blue">* Required Fields Indicated Below.</div> </div> <div class="formRow"> <div class="formBox"> <label for="txtSerialNumber"><span class="blue">*</span> Card Serial Number</label> <input type="text" id="txtSerialNumber" maxlength="19" style="width:152px" class="med" data-bind="value: objTransitMediaInfo().SerialNumber" aria-required="true" /> </div> </div> <div class="formRow"> <div class="formBox"> <label for="CT_Main_0_drpPaymentExpireMonth"><span class="blue">*</span> Card Expiration Date</label> <select name="CT_Main_0$drpPaymentExpireMonth" id="CT_Main_0_drpPaymentExpireMonth" aria-required="true" data-bind="value: objTransitMediaInfo().ExpireMonth"> <option value="Month">Month</option> <option value="01">1-January</option> <option value="02">2-February</option> <option value="03">3-March</option> <option value="04">4-April</option> <option value="05">5-May</option> <option value="06">6-June</option> <option value="07">7-July</option> <option value="08">8-August</option> <option value="09">9-September</option> <option value="10">10-October</option> <option value="11">11-November</option> <option value="12">12-December</option> </select> <select name="CT_Main_0$drpPaymentExpireYear" id="CT_Main_0_drpPaymentExpireYear" class="small" aria-required="true" data-bind="value: objTransitMediaInfo().ExpireYear"> <option value="Year">Year</option> <option value="25">2025</option> <option value="26">2026</option> <option value="27">2027</option> <option value="28">2028</option> <option value="29">2029</option> <option value="30">2030</option> <option value="31">2031</option> <option value="32">2032</option> <option value="33">2033</option> <option value="34">2034</option> <option value="35">2035</option> <option value="36">2036</option> <option value="37">2037</option> <option value="38">2038</option> <option value="39">2039</option> <option value="40">2040</option> <option value="41">2041</option> <option value="42">2042</option> <option value="43">2043</option> <option value="44">2044</option> <option value="45">2045</option> <option value="46">2046</option> <option value="47">2047</option> <option value="48">2048</option> <option value="49">2049</option> <option value="50">2050</option> <option value="51">2051</option> <option value="52">2052</option> </select> <a href="#" data-bind="click: $root.checkAccountBalance" class="btn2 margT20">Submit</a> </div> </div> </div> <div class="rightHalf center"> <img src="/assets/1/7/08_V2.0_CheckBalance.png" width="285" alt="Contact Ventra" /> </div> </div> </div> <div class="contentBg" data-bind="visible: showSummary() == true"> <div class="accountHeader clearfix"> <div> <h1><span data-bind="text: $root.mediaNickname()"></span><span class="accnt-rate" data-bind="text: '(...' + $root.partialMediaSerialNbr() + ')'"></span></h1> <div class="accnt-rate" data-bind="text: riderClassDescription()"></div> <div class="accnt-rate"> <span data-bind="text: 'Transit ID: ' + $root.transitAccountId()"></span><span class="pad20" data-bind="text: 'Status: ' + $root.accountStatus()"></span> <span data-bind ="visible: $root.accountStatus() == 'Suspended'"> <a class="tip-custom" href="javascript:void(0);" onClick="javascript:customTip('suspended-account-custom-tip');"; rel="suspended-account-custom-tip"> <img alt="What is this?" style="position:relative; left:-15px;" src="/cms/images/layout/toolbtn.png"> </a> </span> </div> <div data-bind ="visible: $root.accountStatus() == 'Suspended'"> <div class="edittip" id="suspended-account-custom-tip" style="margin-top:-5px; margin-left: 5px; right:630px;">If your account balance is below the cost of a ride, your account will display as "suspended." This status is temporary. In order to continue to ride, please add transit value or a pass to your account. </div> </div> </div> </div> <div class="pad20 padT10 clearfix"> <div class="balanceGroup"> <h4>Transit value</h4> <span class="transitDesc">Transit value is money stored on your card that鈥檚 used to pay for regular fares.</span> <div class="balanceLine line1"> <div class="fLeft">Transit value<br /></div> <span class="amount" id="balanceTotal" data-bind="text: balance"></span> <div class="clear"></div> </div> <div class="balanceLine line2" data-bind="visible: pretaxBalance() != '$0.00'">Transit Benefits value <span class="amount" data-bind="text: pretaxBalance"></span> </div> <div class="balanceLine totalBalance line2 clearfix"> <div class="fLeft">Current Balance</div> <span class="amount" data-bind="text: totalBalanceAndPretaxBalance"></span> </div> </div> <br /> </div> <div class="summaryBorder"></div> <div class="pad20" style="margin-top: -35px;"> <h4 style="font-size: 22px; margin: 25px 0px 2px;"><strong>Passes</strong></h4> <span class="passesDesc">Transit passes, including unlimited ride passes, are listed here. Passes "in queue" are available for use and are <a href="//www.ventrachicago.com/featured-questions/#459" target="_blank">activated</a> automatically as you ride.</span> <h4><strong>Pass list</strong></h4> <div id="divPassesList"> <table id="tblPassesList" class="standardTable acctSummary"> <thead> <tr> <th scope="col" style="min-width: 50px"> </th> <th scope="col" style="min-width: 163px">Pass</th> <th scope="col" style="min-width: 101px">Start Day</th> <th scope="col" style="min-width: 101px">End Day</th> <th scope="col" style="min-width: 103px">Autoload Status</th> </tr> </thead> <tbody data-bind="foreach: Passes"> <tr> <td style="padding-left:17px"> <img data-bind="attr: {src: imageSrc, alt: name}" /></td> <td><span data-bind="text: name"></span></td> <td class="grey"><span class="italic" data-bind="text: startDate"></span></td> <td data-bind="text: endDate"></td> <td class="onOff"> <div data-bind="slideVisible: characteristicsName=='supportsTAL' && characteristicsValue=='true', attr: { id: 'onOff_' + $index()}"> <span data-bind="visible: $root.accountStatus() != 'Closed'"> <a href="#" class="editBtn off" data-bind="css: { active: autoLoad() == 'OFF'}, click: function(){toggleAutoLoad($data, $index(), $root);}, text: autoLoad() == 'OFF'?'OFF':''">OFF</a><a href="#" class="editBtn on" data-bind="css: { active: autoLoad() == 'ON'}, click: function(){toggleAutoLoad($data, $index(), $root);}, text: autoLoad() == 'ON'?'ON':''"></a> </span> </div> <div class="offDiv" data-bind="slideVisible: characteristicsName=='supportsTAL' && characteristicsValue=='false'"> <div class="offDivTip"> <a class="tip" href="#"><img src="/cms/images/layout/switchoff.jpg" alt="Autoload is disabled for this pass"></a> <div class="edittip" style="margin-left: -290px; margin-top: -60px;">Autoload is not available for this type of pass. You can try this on another pass or add a new pass with autoload to your account.</div> </div> </div> </td> </tr> </tbody> </table> </div> </div> </div>  <script type="text/html" id="errorSummary"> <div class="diverror margB10 diverror-focusable" data-bind="visible: ko.validation.errorSummary().length > 0" tabindex="0"> <ul class="ulErrorSum" data-bind="foreach: ko.validation.errorSummary, visible: ko.validation.errorSummary().length > 0"> <li data-bind="visible: ko.validation.errorInputIds()[$index()]"><a onclick="event.preventDefault(); errorMessageOnClick(this);" data-bind="text: $data, attr: { href: '#' + ko.validation.errorInputIds()[$index()] }"></a></li> <li data-bind="visible: !ko.validation.errorInputIds()[$index()]"><a onclick="event.preventDefault();" href="#" data-bind="text: $data"></a></li> </ul> </div> </script>  <script type="text/javascript"> //Classes function Tab(varindex, varname) { this.name = varname; this.index = varindex; this.CssClass = function (curStep) { var curClass = curStep >= this.index ? "currentProgress" : "futureProgress"; if (curStep == this.index) { curClass += " on"; } return 'step' + this.index + ' ' + curClass; }; } function Pass(data) { var self = this; self.name = data.name; self.fareType = data.fareType; self.endDate = data.endDate; self.characteristicsName = data.characteristicsName; self.characteristicsValue = data.characteristicsValue; self.imageSrc = data.imageSrc; self.autoLoad = ko.observable(data.autoLoad); if (data.startDate == "") { self.startDate = "In Queue"; } else { var d = new Date(data.startDate); self.startDate = (d.getMonth() + 1) + '/' + d.getDate() + '/' + d.getFullYear() + '<br>' + d.toLocaleTimeString(); } self.toggleAutoLoad = function (obj, index) { //alert("You may only switch autoload on/off if you are logged in. Please log in first."); overlayDisplay("You may only switch autoload on/off if you are logged in. Please log in first.", { 'error': 'true' }); } } function TransitMediaInformation() { var self = this; self.SerialNumber = ko.observable().extend({ required: { message: 'Serial Number is required', params: true } }); self.ExpireMonth = ko.observable('Month').extend({ notEqual: { message: 'Expiration Month is required', params: 'Month' } }); self.ExpireYear = ko.observable('Year').extend({ notEqual: { message: 'Expiration Year is required', params: 'Year' } }); }; //End Classes //#region CheckAccountBalanceViewModel function CheckAccountBalanceViewModel() { var self = this; self.CurrentStep = ko.observable(1); self.TopTabs = ko.observableArray([ new Tab(1, '<span>Check</span> Account Balance') ]); //#region Global objects var siteId = "1"; self.errorSummary = ko.observableArray(); self.errors = ko.observableArray(); self.showSummary = ko.observable(false); self.objTransitMediaInfo = ko.observable(new TransitMediaInformation()); self.mediaNickname = ko.observable(); self.riderClassDescription = ko.observable(); self.partialMediaSerialNbr = ko.observable(); self.transitAccountId = ko.observable(); self.accountStatus = ko.observable(); self.selectedPass = ko.observable(); self.Passes = ko.observableArray([]); self.Transactions = ko.observableArray([]); self.balance = ko.observable("$0.00"); self.pretaxBalance = ko.observable("$0.00"); self.totalBalanceAndPretaxBalance = ko.observable("$0.00"); self.autoLoadAmount = ko.observable(); self.AutoloadAction = ko.observable("Edit"); //#end region Global Objects //#region GlobalFunctions self.checkAccountBalance = function () { //If the validation step exists. var keepgoing = true; if (self["ValidationStep1"] != null) { keepgoing = self["ValidationStep1"](); } if (keepgoing) { var postData = { "TransitMediaInfo": self.objTransitMediaInfo(), "s": 1, "IncludePassSupportsTal": true }; $.ajax({ url: "/ajax/NAM.asmx/CheckAccountBalance", type: "POST", contentType: "application/json", data: ko.toJSON(postData), beforeSend: function () { startLoading("#divCardInfo"); startLoading("#divPassesList"); startLoading("#balanceTotal"); }, success: function (data) { if (data.d.success) { self.showSummary(true); self.Transactions(data.d.result.transactions); if (data.d.result.mediaNickname == "") { self.mediaNickname("Card 1"); } else { self.mediaNickname(data.d.result.mediaNickname); } self.riderClassDescription(data.d.result.riderClassDescription); $.map(data.d.result.passes, function (pass) { self.Passes.push(new Pass(pass)) }); self.balance(data.d.result.balance); self.pretaxBalance(data.d.result.pretaxBalance); self.totalBalanceAndPretaxBalance(data.d.result.totalBalanceAndPretaxBalance); self.autoLoadAmount(data.d.result.autoLoadAmount); self.partialMediaSerialNbr(data.d.result.partialMediaSerialNbr); self.transitAccountId(data.d.result.transitAccountId); self.accountStatus(data.d.result.accountStatus); $("#tblPassesList").dataTable({ "oLanguage": { "sEmptyTable": "<span>There are no passes in this transit account</span>" }, "bDestroy": true, "bAutoWidth": false, "sScrollY": "200px", "bPaginate": false, "bScrollCollapse": true, "aoColumns": [ { "sWidth": "50px", "bSortable": false }, { "sWidth": "200px" }, { "sWidth": "100px" }, { "sWidth": "100px" }, { "sWidth": "102px", "bSortable": false } ] }); $(".dataTables_scrollBody").mCustomScrollbar(); if ($("#tblPassesList_wrapper .mCS_no_scrollbar").length > 0) { $("#tblPassesList_wrapper .mCustomScrollbar").css("height", "100%"); } } else { if (data.d.error) { //alert(data.d.error) overlayDisplay(data.d.error, { 'error': 'true' }); } } }, error: function (jqXHR, textStatus, errorThrown) { if (errorThrown) { //alert(errorThrown); overlayDisplay(errorThrown, { 'error': 'true' }); } }, complete: function () { stopLoading("#divCardInfo"); stopLoading("#divPassesList"); stopLoading("#balanceTotal"); } }); /*ajax CheckAccountBalance*/ } /* if (keepgoing) */ }; /* self.checkAccount Balance */ //#end region GlobalFunctions //#region Validation self.ValidationStep1 = function () { return ventraUtil.validation.showErrors(self, self.objTransitMediaInfo); } //#endregion Validation } //#end region CheckAccountBalanceViewModel $(document).ready(function () { ko.validation.registerExtenders(); //initialize the config of the validation. talks to ko.validation ventraUtil.validation.initialize(); // Activates knockout.js ko.applyBindings(new CheckAccountBalanceViewModel()); }); </script> </main> </div> <footer class="footer"> <div class="container_12 clearfix"> <div class="grid_12"> <div class="links"> <ul> <li> <a href="/contact-customer-service/">Contact Us</a></li> <li> <a href="/faq/">FAQ</a></li> <li> <a href="http://www.transitchicago.com/">CTA</a></li> <li> <a href="http://www.pacebus.com/">PACE</a></li> <li> <a href="http://www.metrarail.com/">METRA</a></li> <li> <a href="/about/fare-programs/">Fares</a></li> <li> <a href="/privacy-policy/">Privacy Policy</a></li> <li> <a href="/terms/">Terms</a></li> <li> <a href="/terms/">Languages</a> [<a href="/">EN</a>] [<a href="/polish/">PL</a>] [<a href="/mandarin/">Zh</a>] [<a href="/spanish/">Es</a>]</li> </ul> </div> <div class="social"> <div class="addthis_toolbox addthis_default_style addthis_32x32_style"> <ul> <li class="facebook"><a class="addthis_button_facebook at300b" href="https://www.facebook.com/VentraChicago"><span></span></a></li> <li class="twitter"><a class="addthis_button_twitter at300b" href="https://twitter.com/VentraChicago"><span></span></a></li> <li class="instagram"><a class="addthis_button_instagram at300b" href="https://www.instagram.com/VentraChicago/"><span></span></a></li> </ul> <div class="atclear"></div> </div> </div> <div class="clearfix"> <p class="smaller grey"> © 2024 Chicago Transit Authority. All Rights Reserved. All trademarks, service marks and trade names referenced in this material are the property of their respective owners. Cards are issued by Pathward™, Member FDIC, pursuant to license by MasterCard International Incorporated. MasterCard and the MasterCard Brand Mark are registered trademarks of MasterCard International Incorporated.</p> </div> </div> </div> </footer>  <div id="overlay-main" class="siteOverlay"> <div class="overlayBar"><button type="button" class="overlayClose">close (X)</button></div> <div class="overlayContent" id="mainOverlayContent"></div> </div>  <div> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="3989C74E" /> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdAC4SKjQrTTjpEAvayuzY/qfWL6c0TOORzA1LbdGiH52hqbzk6UbFsv2FBTglN/V3exx6gumIOZc0dx4B/slMqxI9j2DnvRDLjzeoBPskD3IlKhGw6oln5/COUfPBmlCYeHUaK4p+7NCB/rb6vN/7482Sxq7Nxbr6RkSLi8T6lwiotwkZWgo3xXrxyDg2tzTOxQVBl8UBLjiWJSuIMm9ITSht/6XuI3qmclhFBCrD1AFY9EvASOYHyy9BAVCuPlitV7uqzOwAMt1KLwShvlW/3kCCtZaWzY+vN5Mrh67zt2AfzQz6b/10GqbXfvGthWBk4U9Z7Klx76s1sjgbJXSVvD0qJO+5HBtl3eBignW/FjNu417yHDq3uIq759ICATnQNqq0Sbb6ZzNbigOw3s3iIqtQnTqKCTZfCn92pquq4w/RGI47YsM28JnL15QneCthRcUMhqCjVMSMwcCO8xT7HTAC4rFFGWK2WVFjy8vhI7yXzMWw5uB7VY6AgRGpVlRczfJzuU3UuwOGaV3UGchchDRKRPGroni7rqJQTy6rbG5QiObf/nBOrMo62esJH7k3Tz2j7RlcswmF1JTfac16KgHywiz7icX1jdesrIFmNjmtxpg7nwCxa3ukI7i8d9KKIvlgNWYAKytBJ3w7All5XpnRE3fM+YeD8xchzKxlKjco9A7kLVtBUkcCsSREU/rwbcdsgFf2cAIYwStpOhypDdPJ0+KPOm1RzzhYnT3R4saROMIasWaPIE1OoxHPy5vLHCBNMqx9P+3TIZD6ovbgUbE/wTU8axIAVu2dLkkeNMre4tGpiUyuaEMIiy47A0op+VSNFbp2rI37VdSkfIdnYy86UZ/61a8cin523NakIKCDkAv/+VehoSLNscBpTujxf/iDnEWr49RLSyqe6FJskwqfdzaJDT00/gP0GeQcnflCNUDB/HYTevHmZSDJN+pbCfSH5pnXtZQ3JDx5RcPob65Ja0PekkSm9S9B8qAjedrzFdYlZkM=" /> </div> <script type="text/javascript"> //<![CDATA[ generateModal()//]]> </script> <div><input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE0OTMyNTM4OTAPZBYCZg9kFgQCAg9kFgICBA9kFgJmDxYCHgdWaXNpYmxlZ2QCBQ9kFgYCBw9kFgICAQ9kFgICAQ8PFgIfAGhkZAIJD2QWAmYPZBYCZg8PFgIfAGhkZAIND2QWAgIBD2QWBmYPEA9kFgIeCWRhdGEtYmluZAUodmFsdWU6IG9ialRyYW5zaXRNZWRpYUluZm8oKS5FeHBpcmVNb250aA8WDWYCAQICAgMCBAIFAgYCBwIIAgkCCgILAgwWDRAFBU1vbnRoBQVNb250aGcQBQkxLUphbnVhcnkFAjAxZxAFCjItRmVicnVhcnkFAjAyZxAFBzMtTWFyY2gFAjAzZxAFBzQtQXByaWwFAjA0ZxAFBTUtTWF5BQIwNWcQBQY2LUp1bmUFAjA2ZxAFBjctSnVseQUCMDdnEAUIOC1BdWd1c3QFAjA4ZxAFCzktU2VwdGVtYmVyBQIwOWcQBQoxMC1PY3RvYmVyBQIxMGcQBQsxMS1Ob3ZlbWJlcgUCMTFnEAULMTItRGVjZW1iZXIFAjEyZ2RkAgEPEA9kFgIfAQUndmFsdWU6IG9ialRyYW5zaXRNZWRpYUluZm8oKS5FeHBpcmVZZWFyEBUdBFllYXIEMjAyNQQyMDI2BDIwMjcEMjAyOAQyMDI5BDIwMzAEMjAzMQQyMDMyBDIwMzMEMjAzNAQyMDM1BDIwMzYEMjAzNwQyMDM4BDIwMzkEMjA0MAQyMDQxBDIwNDIEMjA0MwQyMDQ0BDIwNDUEMjA0NgQyMDQ3BDIwNDgEMjA0OQQyMDUwBDIwNTEEMjA1MhUdBFllYXICMjUCMjYCMjcCMjgCMjkCMzACMzECMzICMzMCMzQCMzUCMzYCMzcCMzgCMzkCNDACNDECNDICNDMCNDQCNDUCNDYCNDcCNDgCNDkCNTACNTECNTIUKwMdZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dkZAICDxYCHwBoZBgBBR5fX0NvbnRyb2xzUmVxdWlyZVBvc3RCYWNrS2V5X18WAQUiQ1RfSGVhZGVyJGNjSGVhZGVyTG9naW4kY2hrUGVyc2lzdCNTtM3qws85ukwuL7y4Xpoku4GR" /></div></form> <script> /* <![CDATA[ */ var externalLinkSafeList = new Array('facebook.com','twitter.com','www.pacebus.com','transitchicago.com','pacebus.com','www.transitchicago.com','www.facebook.com','youtube.com','www.youtube.com','www.rtachicago.org','rtachicago.org','www.ventrachicago.com','ventrachicago.com','www.instagram.com','instagram.com'); jQuery.data(document.body, "EnableExternalLinkWarning", true); jQuery.data(document.body, "ExternalLinkTemplate", '\x3cdiv\x3e\x3ch1\x3eYou are now leaving our site\x3c\x2fh1\x3e \x3cp\x3eYou are now leaving the Ventra transit website.\x3c\x2fp\x3e\x3cdiv id\x3d\x22external_link_template\x22\x3e\x0d\x0a \x3cdiv id\x3d\x22external_link\x22\x3e\x3c\x2fdiv\x3e\x0d\x0a \x3cdiv style\x3d\x22text-align\x3a center\x3b margin-top\x3a 5px\x3b\x22\x3e\x0d\x0a \x3cinput id\x3d\x22btnExternalLinkOk\x22 type\x3d\x22button\x22 value\x3d\x22OK\x22 class\x3d\x22btn modalClose\x22 \x2f\x3e\x0d\x0a \x3cinput id\x3d\x22btnExternalLinkCancel\x22 type\x3d\x22button\x22 value\x3d\x22Cancel\x22 class\x3d\x22btn modalClose\x22 \x2f\x3e\x0d\x0a \x3c\x2fdiv\x3e\x0d\x0a\x3c\x2fdiv\x3e\x3c\x2fdiv\x3e'); /* ]]> */ </script> <script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=1757174868" async></script></body> </html>

CINXE.COM

Check Account Balance | Ventra