Reply To: input field id keeps changing, how do i target it

Home Forums Quform WordPress input field id keeps changing, how do i target it Reply To: input field id keeps changing, how do i target it

#35082
joeblow44444444
Participant

none of the above. however, i was able to get the jquery virtual keypad to type into quform fields and the data is saved to entry dbase and emails. two things are still failing:

1) the preview page will not populate any field where data was entered via the keypad. have tried multiple iterations and combinations of blur, change, click, keydown, triggerhandlers, selectors, etc.

2) the keypad will not type into the stripe integration card element field.

maybe you’ll see something i don’t below.

keypad jquery example:

$(document).ready(function () {
   let input_1 = $(".quform-field-101_398");
   // have tried let, const, var
	
 $(".quform-field-101_398").keydown(function () {
    return false; 
  // have tried true
  });
	
  $(".calc").click(function () {
    let value1 = $(this).val();
    fieldfirst(value1);
  });
  function fieldfirst(value1) {
    input_1.val(input_1.val() + value1);
  }
  $("#clear").click(function () {
    input_1.val("");
  });
  $("#bkspc").click(function () {
    input_1.val(input_1.val().slice(0, -1));
  });
});

keypad html example:

      <input type="button" value="A" id="A" class="pinButton calc"/>
        <input type="button" value="B" id="B" class="pinButton calc"/>
        <input type="button" value="C" id="C" class="pinButton calc"/>
        <input type="button" value="D" id="D" class="pinButton calc"/>
        <input type="button" value="E" id="E" class="pinButton calc"/>
        <input type="button" value="F" id="F" class="pinButton calc"/>
        <input type="button" value="G" id="G" class="pinButton calc"/><br />
        <input type="button" value="H" id="H" class="pinButton calc"/>
        <input type="button" value="I" id="I" class="pinButton calc"/>
        <input type="button" value="J" id="J" class="pinButton calc"/>
        <input type="button" value="K" id="K" class="pinButton calc"/>
        <input type="button" value="L" id="L" class="pinButton calc"/>
        <input type="button" value="M" id="M" class="pinButton calc"/>
        <input type="button" value="N" id="N" class="pinButton calc"/><br />
        <input type="button" value="O" id="O" class="pinButton calc"/>
        <input type="button" value="P" id="P" class="pinButton calc"/>
        <input type="button" value="Q" id="Q" class="pinButton calc"/>
        <input type="button" value="R" id="R" class="pinButton calc"/>
        <input type="button" value="S" id="S" class="pinButton calc"/>
        <input type="button" value="T" id="T" class="pinButton calc"/>
        <input type="button" value="U" id="U" class="pinButton calc"/><br />
        <input type="button" value="V" id="V" class="pinButton calc"/>
        <input type="button" value="W" id="W" class="pinButton calc"/>
        <input type="button" value="X" id="X" class="pinButton calc"/>
        <input type="button" value="Y" id="Y" class="pinButton calc"/>
        <input type="button" value="Z" id="Z" class="pinButton calc"/>
        <input type="button" value="clear" id="clear" class="pinButton clear"/>
        <input type="button" value="back
space" id="bkspc" class="pinButton bkspc"/><br />
Be inspired. © 2024 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy