[ Mini Kiebo ]
Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586
Path:
D:
/
xampp182
/
htdocs
/
simpeg
/
zapatec
/
zpform
/
zpform
/
doc
/
[
Home
]
File: features.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>AJAX Forms Features Zapatec.com</title> <meta name="description" content="Zapatec Javascript Form is a powerful form validator. It even uses AJAX to automate form validation based on server responses. Additionally, you can define masks, limit keystrokes, and handle errors in a graceful manner. All of these features gives the end user a nice flow and experience during data entry and validation."> <meta name="keywords" content="dhtml forms,javascript,DHTML Forms,Javascript,ajax,AJAX,Ajax,ajax forms,AJAX Forms,forms controls,simple javascript forms,forms plugins,forms tools"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <META Name="Robots" Content="index,follow"> <META Name="Googlebot" Content="index,follow"> <META http-equiv="Pragma" content="no-cache"> <link href="../../website/css/zpcal.css" rel="stylesheet" type="text/css"> <link href="../../website/css/template.css" rel="stylesheet" type="text/css"> <link rel="SHORTCUT ICON" href="../../website/favicon.ico"> </head> <body> <!-- Left - Start --> <div class="leftSide-static"> <a href='http://www.zapatec.com' style='cursor:hand' title='Zapatec 866-522-7941 Bringing the Desktop Experience To Your Browser '> <div class="pageImage"></div> </a> <div style='text-align:center; color:red'>866-522-7941</div> <div class="leftBGTab"> <div class="leftTab"> <strong>Zapatec Forms</strong> </div> </div> <div class="leftBGMenu"><div class="leftMenu"><img alt='Javascript Forms Point arrow' src="../../website/images/arrow-grey.gif" > <a href="index.html" class="lnksubpage" title='Zapatec AJAX Javascript Forms Overview'>Overview</a></div></div> <div class="leftBGMenu"><div class="leftMenu"><img alt='Javascript Forms Point arrow' src="../../website/images/arrow-grey.gif" > <a href="features.html" class="lnksubpage" title='Zapatec AJAX Javascript Forms Features'>Features</a></div></div> <div class="leftBGMenu"><div class="leftMenu"><img alt='Javascript Forms Point arrow' src="../../website/images/arrow-grey.gif" > <a href="demo.html" class="lnksubpage" title='Zapatec AJAX Javascript Forms Demos'>Demos</a></div></div> <div class="leftBGMenu"><div class="leftMenu"><img alt='Javascript Forms Point arrow' src="../../website/images/arrow-grey.gif"> <a href="docs.html" class="lnksubpage" title='Zapatec AJAX Javascript Forms Manual'>Manual</a></div></div> <div class="leftBGMenu"><div class="leftMenu"><img alt='Javascript Forms Point arrow' src="../../website/images/arrow-grey.gif"> <a href="codedoc.html" class="lnksubpage" title='Zapatec AJAX Javascript Forms Code Documentation'>Code Documentation</a></div></div> <div class="leftBGMenu"><div class="leftMenu"><img alt='Javascript Forms Point arrow' src="../../website/images/arrow-grey.gif"> <a href="license.html" class="lnksubpage" title='Zapatec AJAX Javascript Forms License'>License</a></div></div> <div class="leftBGMenu"><div class="leftMenu"><img alt='Zapatec Buy' src="../../website/images/arrow-grey.gif"> <a href="https://www.zapatec.com/zadmin/buy.jsp" class="lnksubpage" title='Zapatec AJAX Javascript Forms Buy'>Buy</a></div></div> </div> <!-- Left - End --> <!-- start - Right Page content --> <div class="rightSide-static"> <div class="frameContent"> <div class="pageContent"> <img src="../../website/images/form.jpg" alt='Javascript Forms image' style='float:right; marge-left:1em' border=1> <div class='zpCalHeader'>The Zapatec AJAX Forms Features</div> <div class='zpCalPoint'> <img class='zpCalPointBullet' alt='AJAX Forms bullet' src="../../website/images/box_blue.gif"> <strong>Plug-in Validation Architecture</strong><br> The Zapatec AJAX Forms uses a plug-in architecture that provides both a variety of ways to validate fields and a facility for customizing validations. <ul> <li> <Strong> Built-in validators </strong> The forms come with built-in validators for integers, floating points, dates, US phone numbers, etc. </li> <li> <Strong> Mask-based validators</strong> Using masks such as <strong> ###-##-#### </strong> you can easily define custom validators for US SSN and postal codes. </li> <li> <Strong> Limit keys used</strong> You can limit the keys that the user can enter in a field (for example, allow only numeric keys). </li> <li> <Strong> Regex validator</strong> You can create your own custom validator using a regular expression . </li> <li> <Strong> Javascript validator</strong> For those cases where a regex is not enough, you can create a javascript-based validator. </li> </ul> </div> <div class='zpCalPoint'> <img class='zpCalPointBullet' alt='AJAX Forms bullet' src="../../website/images/box_blue.gif"> <strong>CSS-Based Themes</strong><br> The look and feel of a form is controlled by CSS. Choose from existing themes, or create your own. </div> <div class='zpCalPoint'> <img class='zpCalPointBullet' alt='AJAX Forms bullet' src="../../website/images/box_blue.gif"> <strong>CSS-Based Icon Display Rules</strong><br> Set rules that control the feedback icons that users see while typing, on error, etc. </div> <div class='zpCalPoint'> <img class='zpCalPointBullet' alt='AJAX Forms bullet' src="../../website/images/box_blue.gif"> <strong>Error Handling</strong><br> There are four levels of error handling in the Zapatec AJAX Forms. <ol> <li> <strong> While the user is entering data into the field:</strong> You can provide feedback to users while they are typing to indicate that the field is valid or is not yet valid. </li> <li> <strong> When the user has moved out of the field:</strong> You can provide feedback indicating whether the data in the field is valid. </li> <li> <strong> When the user tries to submit the data to the server:</strong> You can provide feedback about all the fields that contain errors. </li> <li> <strong> When the server has responded:</strong> You can display errors that the server has found. </li> </ol> </div> <div class='zpCalPoint'> <img class='zpCalPointBullet' alt='AJAX Forms bullet' src="../../website/images/box_blue.gif"> <strong>AJAX client server communication </strong><br> You can configure the form to use the Zapatec AJAX Transport to communicate with the server to validate the data. The form will either display the errors or perform the appropriate operation depending on the server's response. </div> <br> <br> <div align=center> <br/><a href='http://www.zapatec.com/website/main/contact.jsp' class='lnkblue'>Contact Us</a> | <a href='http://www.zapatec.com/website/main/employment.jsp' class='lnkblue'>Employment</a><br/><br/>© 2004-2007 <strong>Zapatec, Inc.</strong> </div> </div> <!-- end pageContent --> </div> <!-- end frameContent --> </div> <!-- end rightSide --> </body> </html>