clear or reset input on submit

[Sky Richardson]

What is the best way to clear an input on submit?

ic-action can take JQuery methods so  I tried ic-action="val". However this only works with an argument i.e val:foo

BTW I am absolutely loving the intercooler-js library!

<input type="text" class="form-control" id="test" name="phoneNumber" value="">
<button ic-action="val" ic-target="#test">clear</button>

[Sky Richardson]

Here is the html for the form. My objective is to not the single input form is cleared on submission. Currently the user needs to click on the 'Clear' button after clicking on 'Submit'

<form ic-post-to="add-phone.php" ic-target="#{{ address.recID }}-phone-numbers">

  <div class="input-group mt-3">

    <input type="hidden" name="propertyID" value="{{ address.recID }}">

    <input type="text" class="form-control" id="exampleInputText1" placeholder="Enter phone number" name="phoneNumber" value="">

    <div class="input-group-append">

      <button class="btn btn-outline-secondary" type="reset">Clear</button>

      <button class="btn btn-outline-secondary" type="submit">Submit</button>

    </div>
   </div>
</form>

[Carson Gross]

Hi Sky,

It sounds like you want something like this on your form:

<form id='search-form' ... ic-on-success="$('#search-form').reset()">

  ...

</form>

Cheers,

Carson

--
You received this message because you are subscribed to the Google Groups "intercooler-js" group.
To unsubscribe from this group and stop receiving emails from it, send an email to intercooler-j...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Sky Richardson]

Makes sense Carson, 

I am the equivalent of a script kiddie with no experience with js,or JQuery. Any chance you could help me over this hump?

I have tried to implement your suggestion without success. After 10 variations I am at a dead end.

Here is at the test page

https://qc.r2labs.com/ah/v10/phone/test.html

Here is the error:

TypeError: $('#add-phone-number').reset is not a function. (In '$('#add-phone-number').reset()', '$('#add-phone-number').reset' is undefined)

What am I doing wrong?

[Anders Baumann]

Hi Sky.

form.reset() is a DOM element method (not one on the jQuery object). So try this instead:

$("#add-phone-number")[0].reset();

/Anders

[Sky Richardson]

Yep that worked. Thanks so much Anders

The test page has been updated with your fix.

https://qc.r2labs.com/ah/v10/phone/test.html