How to represent a numeric input that is limited to increments of some number

I have a requirement for a form that restricts a field value to fixed increments of 50 and I’m not sure what would be the most elegant way to represent that constraint in a meaningful fashion.

The simplest solution that comes to mind is a jQuery validate method combined with some server-side logic that is tied to a normal text field input. Other alternatives that come to mind is a number picker of some sort (I don’t know of one currently) that advances in set increments or a drop-down list with a fixed number of values.

Any other ideas? What would feel most intuitive to you?

Usando input radio e fazendo operações em tempo real com javascript

Sobre dar aulas, quero que a aula iniciante custe 20 por aula e a avançada 40, diferenciando usando radio buton, e a quantidade de aula com input type range, mas não entendo muito de js e queria essa ajuda, ae vai o codigo que adaptei da internet mas ele só serve para aula iniciante pois faz a quantidade de aula vezes 20 e queria que coletasse a variavel do radio e usasse no lugar do 20.

OBG

<!DOCTYPE html> <html>   <head>     <title></title>     <meta charset="utf-8">   </head>   <body> 	<section>       <h3>Escolha o pacote desejado</h3><hr>         Iniciante<input type="radio" name="radio" id="iniciante" checked /><br>         Avançado<input type="radio" name="radio" id="avancado" />          <h4>Quantidade de Aulas:</h4>          <input id="price" class="slider" type="range" min="1" max="30" value="1"/>           <span id="resultado1" style="font-size: 25px;"></span>        <h4>Total:</h4>         <p id="resultado2">Preço: </p> </section> <script>  var p = document.getElementById("price"),     res1 = document.getElementById("resultado1"),     res2 = document.getElementById("resultado2");  p.addEventListener("input", function () {     res1.innerHTML = p.value; }, false); p.addEventListener("mouseup", function () {     res2.innerHTML = "Preço: " + p.value * 20 + ",00"; }, false);  </script>   </body> </html>

Tratando uma div como input radio

criei algumas divs personalizadas que atuam (ainda nao completamente) como radio button, o problema é que estou conseguindo marcar mais de uma, esta marcação aciona um metodo que modifica varios elementos com base no clique do suposto radio, até ai funcionando perfeitamente.

html

<div class="row text-center payment-rows" *ngFor="let valores of offer.formasPagamento.PagamentoDebito"> <div class="col-4 content-space-10">     <label class="plan-card__checkbox" (click)="toggleOfferToCompare(valores)"         [ngClass]="{'plan-card__checkbox--checked' : valores.selecionado}">         <div class="plan-card__checkbox-circle">             <i class="fa fa-check"></i>         </div>         <span *ngIf="valores.parcelas != 1">{{valores.parcelas + 'x'}}</span>         <span *ngIf="valores.parcelas == 1">A vista</span>     </label> </div> 

É através do valores.selecionado que eu capturo as infos do item selecionado e o que preciso é que, ao marcar a opção x ele desmarque a y. alguem ja passou por uma situação parecida? obrigado

Sound input issue with Asus X551CA, Ubuntu 18.04 LTS

I am using a Asus X551CA laptop, with Ubuntu 18.04 LTS. Now, the laptop comes with a single audio jack for input and output. But whenever I am connecting any headset to it, only the audio output is coming and the microphone is not detected. The headset is completely functional as I have checked it on other devices.

Please suggest how to solve this issue.

How to serialize form data with file input in Magento 2 kockout js?

I want to add one file input field in html file and using form serialize I want to submit that data but I am not getting file upload data in form serialize

html:

  <form class="form form-prescription" id="co-prescription-form" data-bind="attr: {'data-hasrequired': $  t('* Required Fields')}">       <div id="prescription-new-form" class="fieldset prescription">           <!-- ko if: (isCustomerLoggedIn) -->           <div class="field">               <label class="label" for="prescription">                   <span data-bind="i18n: 'Prescription'"></span>               </label>               <div class="control">                   <input class="input-text"                          data-bind="                               attr: {                                   placeholder: $  t('Prescription'),                               }"                          type="text"                          name="prescription"                          id="prescription-name"                          data-validate="{required:true}" autocomplete="off"/>               </div>           </div>             <div class="file-uploader-area">               <input type="file"                      class="file-uploader-input"                      afterRender="onElementRender"                      attr="id: uid, name: file-uploader, multiple: isMultipleFiles"/>               <label class="file-uploader-button" attr="for: uid, title: $  t('Upload File')"><span translate="'Upload File'"/></label>               <span class="file-uploader-spinner"/>           </div>           <!-- /ko -->       </div>   </form> 

js:

               saveNewPrescription: function () {                     var prescriptionForm = $  ("#co-prescription-form");                      prescriptionForm.validation();                     if(prescriptionForm.validation('isValid'))                     {                        jQuery.ajax({                             showLoader: true,                             url: urlBuilder.build('prescription/index/save'),                             data: prescriptionForm.serialize(),                             type: "POST",                             dataType: 'json',                             enctype: 'multipart/form-data'                         }).done(function (data) {                              if (data.error) {                                     messageContainer.addErrorMessage(data);                                 }                                 if(data.success == true)                                 {                                      window.location.href = window.checkoutConfig.checkoutUrl;                                  }                         });                     }                     else{                        return false;                     }                  }, 

Como apagar os símbolos de um CPF em um input?

Estou criando um site que pede o nome e o CPF da pessoa o CPF tem que estar no formato xxx.xxx.xxx-xx. E ao apertar o botão ele cadastra a pessoa(Os dados só são exibidos na tela). Mas eu resolvi criar um script que completa automaticamente os símbolos do CPF quando o usuário começa a digitar que é o . e o -. Mas o script sim, funciona ele autocompleta os símbolos só que ao tentar apagar não apaga, olhem o código esse é um protótipo do script do projeto que estou criando.

<!DOCTYPE html> <html>   <head>     <meta charset="utf-8">   </head>   <body>      <input id="box" type="text" maxlength="14">      <script>        var box = window.document.querySelector("#box");        box.addEventListener("input", function()       {           switch (box.value.length)           {               case 3:                   box.value += ".";                   break;               case 7:                   box.value += ".";                   break;               case 11:                   box.value += "-";           }       });      </script>   </body> </html>

Notem, que ao digitar o CPF eu não consigo apagar os símbolos porque estou usando o event input no input. Assim cada vez que eu modificar os dados dentro do input o event input sera chamado e caira lá no switch e irar executar o case 11:, isso porque o box.value.length sera igual a 11. Assim cada vez que você tentar apagar, não dá porque ele sempre vai cair no case 11:, então este é meu problema não consigo apagar os símbolos. Como eu fasso para apagalos?, sem deixar de usar o event input ?, pois eu necessito deste event no script para poder atualizar automaticamente os simbolos ao vivo para o usuário, assim ele não vai ter o trabalho de digitalos e irar melhorar mais a experiência dele com o meu site.

Is the language $L = \{(M,m,n)|\exists x \in \{0, 1\}^n:M$ uses $m$ space on input $x$$\}$ decidable?

I have stumbled upon this language: $ L = \{(M,m,n)|\exists x \in \{0, 1\}^n:M$ uses $ m$ space on input $ x$ $ \}$ . At first, it looked like an undecidable problem, but I have failed to prove it, and now I am beginning to wonder whether it is actually decidable.

I have designed the following algorithm. Let $ G_{M,x}$ be the configuration graph of $ M$ on input $ x$ (each node represents a snapshot of $ M$ , starting from $ M(x)$ ). To decide whether on $ x$ we use $ m$ space, we visit, DFS-style, each node of $ G_{M,x}$ starting from the first node. Each node can be computed from the prior node and we can memorize every node we have encountered so far into a data-structure. Now:

  • If we encounter a node which takes up at least $ m$ space, we halt and say yes.
  • If $ M$ halts before reaching size $ m$ or if we encounter a cycle (i.e. find a node we already visited), we stop and say no.

We apply the upper algorithm for each $ x \in {0, 1}^n$ , looking for at least an $ x$ on which we say yes.

Does this algorithm work? Why or why not? To me it sounds like it works, but I don’t know how to prove it. I guess we need to prove that this algorithm actually decides the problem and that it always halts.

Informally, I believe a way to prove this would be to say that we only have finitely many snapshots which represent less-than-$ m$ -space configurations: in a finite time, either we encounter some of them more than once (so we enter in a cycle) or we exceed the $ m$ -space limit. Either way, we halt and answer the question.

¿Se le puede dar el valor a un input file?¿Como?

tengo un campo de tipo input file en un formulario. Una vez relleno el formulario le doy a un botón insertar que inserta los valores y el nombre del archivo en una base de datos. Estos registros ya almacenados me los muestra en una Tabla, el problema es que cuando le doy en consultar me rellena las casillas del formulario bien execto el input file y no se si es posible mostrar el nombre del archivo ya guardado en un input file al momento de una consulta. Codigo :

    $  ("#id_evidencias").val(td[0].innerText);     $  ("#idactividad_L").val(td[1].innerText);     $  ("#fecha_evidencia").val(td[2].innerText);     $  ("#nombre_evidencia").val(td[3].innerText);      document.getElementsById('file').value = td[4].innerText;