Support for ASP.net Web Forms

[jessepollak]

Support for ASP.net Web Forms

[luanmuniz]

What is the problem exactly? What happens? Try to be as descriptive as possible.

[stanggt3]

Everything looks normal, however, none of the events to change the visual style of the card get fired, even when adding standard alerts into those functions. I have two identical examples based on the example in the package. One in HTML and another in an aspx page. HTML works fine, aspx wont fire at all. Im trying to paste the code but it won't display correctly

[luanmuniz]

You can paste your code in a gist and link here!

[stanggt3]

https://gist.github.com/stanggt3/24c3829ed48f8e3be053

I have tried it with and without having an ID on the inputs

Also, the card.js file is unchanged, and the default file is using the initialize function
$('.form-container').card({ container: $('.card-wrapper')})

[stanggt3]

No errors are shown in console while testing

[luanmuniz]

Can you post your default.js in the gist? There is no problem on the html

[luanmuniz]

Apparently, the primary selector need to be a <form> element.
I made some tests, and when you change $('.form-container' to $('#form') the script works

[stanggt3]

Awesome, thank you!

[stanggt3]

It looks like it stopped working again when using a page that uses a master page, I'll see if I can figure that out

[jessepollak]

Thanks for helping with debugging @luanmuniz 👏

Unsure why it would need to be a form element, can look into it.

[jessepollak]

It's because of this line. There's no need for that to be there, so I'm going to remove it.

[luanmuniz]

👍

[jessepollak]

@stanggt3 can you give this a go and let me know if it works?

[luanmuniz]

@jessepollak tested and working \o/

[stanggt3]

Still seems to have some kind of issue finding the input boxes now. The following code throws an error of undefined is not a function.

if (this.options.formatting) {
      this.$numberInput.payment('formatCardNumber');

This is how the textbox is rendered when runat server in asp https://gist.github.com/stanggt3/521aa9715c0075f52b90

[luanmuniz]

@stanggt3 did you update your card.js?
Did you change the numberInput option to the new id?

[stanggt3]

Yes I did

[luanmuniz]

the numberInput too?
$('.form-container').card({ container: $('.card-wrapper'), numberInput: $('#tbCardNumber') })

I did some tests here and it's working normally. =/

[stanggt3]

$('#paymentInfo').card({
    container: '#paymentInfo', // *required*
    numberInput: '#tbCardNumber', // optional — default input[name="number"]
});

[luanmuniz]

You need to put the jQuery Object, need to be $('#tbCardNumber'), just the selector #tbCardNumber wont work (for all options)

[stanggt3]

That was it. Thanks for all the help!

[luanmuniz]

We found 2 bugs because of you Thanks!! hahaha 👍

[jessepollak]

@luanmuniz I'll fix that right now, it should be allowed to be either :/