How to prevent the enty of a number field from beeing deleted?

there are many ways…
css: wrap it with pointer-events: none;
js: on change revert the value

$(document).ready(function() {
$(".field").change(function() {
$(this).attr("value", "150.00");
});
});

php: the safest one, on submit override the posted value using the hook before submit

css you can add it into customization > personalized css
JS I could not tell you exactly how because each theme has it’s own method. usually additional js (or something like that) in your template customization or if you are using a custom template you can add this code directly into script.js

$(document).ready(function() {
  $("#select_off-rate-in-percent").change(function() {
    $(this).attr("value", "150.00");
  });
});

PHP if you are not a coder avoid because it risks to break the site

this is the css code you need but be careful because it does not provide a sufficient level of security

select#select_off-rate-in-percent {
    pointer-events: none!important;
    cursor: pointer;
}

as the js code you can add this code directly into the form template:

<script>$(document).ready(function() {
  $("#select_off-rate-in-percent").change(function() {
    $(this).attr("value", "150.00");
  });
});</script>

php is a better modification, yes, but it risks breaking the site and should be done with full knowledge of what we are gonna to modify. That’s why I don’t recommend it at the moment, but if any of your users find a way to bypass it, come back here and we’ll do the php part too.

hope it help!

sorry but i can’t find the right select. It was “#currency” the right one to target with code, so it will be:

css

select#currency {
    pointer-events: none!important;
    cursor: pointer;
}

js

<script>$(document).ready(function() {
  $("#currency").change(function() {
    $(this).attr("value", "150.00");
  });
});</script>

• This reply was modified 2 years, 10 months ago by Erik.