JavaScript function for field validation

quarfie · March 24, 2021, 4:14am

I would like to validate a field against this JavaScript function:

gist.github.com

https://gist.github.com/ShirtlessKirk/2134376

luhn.js

/**
 * Luhn algorithm in JavaScript: validate credit card number supplied as string of numbers
 * @author ShirtlessKirk. Copyright (c) 2012.
 * @license WTFPL (http://www.wtfpl.net/txt/copying)
 */
var luhnChk = (function (arr) {
    return function (ccNum) {
        var 
            len = ccNum.length,
            bit = 1,

This file has been truncated. show original

I’m guessing I would be specifying "validator_calc": "luhnChk(model.thefield)"

But where do I put the luhnChk function?

eluce · March 24, 2021, 2:05pm

You’ll need to use a function action to run some JavaScript and attach that function to the window. Put that action in either onFormLoad or onAppLoad depending on whether or not you need this on multiple pages. Then just add the following code after the function is defined:

window.luhnChk = luhnChk

delfs · March 24, 2021, 2:11pm

I think there is also a credit card validator type already, see here:
https://icebob.gitbooks.io/vueformgenerator/content/validation/built-in-validators.html

quarfie · March 24, 2021, 4:33pm

The built in validator doesn’t seem to work - it must be checking for length or something additional beyond Luhn check digit. I’m trying to validate a SIN or BN (Canada).

eluce · March 24, 2021, 4:47pm

Did you also set "validator": "calc" in addition to "validator_calc": "..."

quarfie · March 24, 2021, 5:13pm

Yes, everything works with your suggestion - that’s why I marked it as the solution. I was just responding to @delfs about why I couldn’t use the built in validator.

Thank you!