Git Product home page Git Product logo

jquery.formance's Introduction

jQuery.formance

Bringing romance back .... to forms

No Longer Maintained

Sadly, I do not have any time to continue maintaining and supporting this project. If you'd like to continue you working on the project, please fork it. You can find the next release I was working on a while back on the revamp branch - some tests were failing that need to be fixed before it is ready for prime time. https://github.com/omarshammas/jquery.formance/tree/revamp

Best of luck. Omar

What is Formance?

Formance.js is a jQuery library for formatting and validating form fields, based on / inspired by Stripe's jQuery.payment library.

Client side validation is not sufficient in any project because the javascript can be bypassed and people can submit requests directly to the server. However, that doesn't mean client side validation should be forgotten. This library is for those who care about the user experience.

Demo

You can find a full demo [here] (http://omarshammas.github.io/formancejs).

Or you can run the demo locally

git clone [email protected]:omarshammas/jquery.formance.git
cd jquery.formance/demo
python -m SimpleHTTPServer

Open a browser and go to localhost:8000/formancejs.html.

Getting Started

Read this wiki article on how to get started

Fields

Wiki

Please see the Formance Wiki for more information.

Contributing

Contributions are more than welcome. Please read this to see how to contribute your own field. Together we can make this a solid library, and hopefully a friendlier web.

License

Please see LICENSE for licensing details.

Author

Omar Shammas, @omarshammas, http://omarshammas.com and many other wonderful contributors.

jquery.formance's People

Contributors

alex-stripe avatar bdukes avatar buzzedword avatar emostar avatar fishrock123 avatar gsamokovarov avatar jh3y avatar kenany avatar kulte avatar maccman avatar michaelvillar avatar omarshammas avatar ryancooley avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

jquery.formance's Issues

Notifications Enhancements

UI to set ("To" field, subject line, content, schedule).
Ability to automate based on schedule to send on a regular basis.
Customizable templates based on individual customer requirements.
Ability to send only to a person or a population (job title).
Connections, peer referencing, timeline support.

Only accept 4 digit CVC for AmEx

AmEx CVC is 4 digits, AmEx CID (on back of card is 3 digits). Formance is currently accepting 3 digit CVC for AmEx in addition to 4 digits. If there is need for validations of AmEx 3 digit CID, I recommend that it be set as a different field.

Bug: No commit actvity

I would like to use this library but, I have noticed there has not been a commit in over two years. Please fix this bug or let us know if it's a no fix.

Return instead of throwing errors

I noticed that when inputting a phone number that doesn't match the pattern here will throw a Uncaught TypeError: Cannot read property '0' of null because phoneNumber is null and so we can't access the indicies for the groups.

I think it would be better to just return here rather than throw an error that doesn't really indicate why the function is failing. Is there reason why that was commented out?

https://github.com/omarshammas/jquery.formance/blob/master/src/zfields/phone_number.coffee#L5-L7

Supported Browsers

What browsers are supported? Or more importantly, what browsers are NOT supported?

Not work on Chrome Android 4.4.2

Currently, it is not working on:
Browser: Chrome 52.0.2743.98
OS: Android 4.4.2
Device: Samsung Glaxy 5, Sky A910

Please fixed it!!
Thank you!

Error thrown on pasting into fields

I am testing the credit card validation. When I paste into the demo provided, the code throws the error

Uncaught TypeError: Object #<Object> has no method 'formatCardNumber' 

Credit Card Expiry Spaces

The spaces in the expiry break Braintree Payments. 09/2015 works vs 09 / 2015 does not.

Any ideas on a good solution?

cake file throwing errors

events.js:72 throw er; // Unhandled 'error' event
when attempting build. (was going to extend the functionality with a couple extra fields but can't spend to long figuring out new system on a dead line. (could be user error but my google searches seam to point out its something wrong with the script.))
ERROR:
PS ...\jquery.formance-master> cake
Cakefile defines the following tasks:

cake coffee # Builds lib/jquery.formance.js from src/
cake watch # Watch src/ for changes
cake test # Run tests
cake bail # Runs tests and bails on first error
cake minify # Minifies any js file in the lib/ folder.
cake build # Builds lib/jquery.formance.js and minifies it.
PS ...\jquery.formance-master> cake watch

events.js:72
throw er; // Unhandled 'error' event
^
Error: spawn ENOENT
at errnoException (child_process.js:988:11)
at Process.ChildProcess._handle.onexit (child_process.js:779:34)

Uncaught TypeError: $.formance.formatCardNumber is not a function (with fix)

Uncaught TypeError: $.formance.formatCardNumber is not a function

value = $.formance.formatCardNumber(value); doesn't exist the corrected line is:
value = $.formance.formatCreditCardNumber(value);

  reFormatCardNumber = function(e) {
    var _this = this;

    return setTimeout(function() {
      var $target, value;

      $target = $(e.currentTarget);
      value = $target.val();
      console.log($.formance);
      value = $.formance.formatCreditCardNumber(value);
      return $target.val(value);
    });
  };

Feature Request: MM / YYYY format

I'm currently trying to add this functionality to your plugin, but I have a feeling you could do this very quickly. This is likely one of the most common date formats so I'm surprised it's not included.

Phone Number Issue

Formatting of the phone number works properly, but once you have typed the full number in the validation does not work and it throws a console error.

Uncaught TypeError: Cannot read property '0' of null

http://prntscr.com/7szngj

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.