¿Hay alguna manera de evitar que el tipo de entrada = "número" obtenga valores negativos?

Quiero obtener solo valores positivos, ¿hay alguna manera de evitar que use solo html
? No sugiera un método de validación

Use el minatributo de esta manera:

<input type="number" min="0">

No estaba satisfecho con la respuesta de @Abhrabm porque:

Solo evitaba que se ingresaran números negativos desde las flechas arriba / abajo, mientras que el usuario puede escribir números negativos desde el teclado.

La solución es prevenir con código clave :

// Select your input element.
var number = document.getElementById('number');

// Listen for input event on numInput.
number.onkeydown = function(e) {
    if(!((e.keyCode > 95 && e.keyCode < 106)
      || (e.keyCode > 47 && e.keyCode < 58) 
      || e.keyCode == 8)) {
        return false;
    }
}

<form action="" method="post">
  <input type="number" id="number" min="0" />
  <input type="submit" value="Click me!"/>
</form>

Aclaración proporcionada por @Hugh Guiney :

Qué códigos clave se verifican:

• 95, <106 corresponde al teclado numérico del 0 al 9;
• 47, <58 corresponde de 0 a 9 en la fila de números; y 8 es Retroceso.

Por lo tanto, este script impide que se ingrese una clave no válida en la entrada.

Para mí la solución fue:

<input type="number" min="0" oninput="this.value = Math.abs(this.value)">

Este código funciona bien para mí. Puedes revisar por favor:

<input type="number" name="test" min="0" oninput="validity.valid||(value='');">

Método fácil:

<input min='0' type="number" onkeypress="return (event.charCode == 8 || event.charCode == 0) ? null : event.charCode >= 48 && event.charCode <= 57">

Quería permitir números decimales y no borrar toda la entrada si se ingresó un negativo. Esto funciona bien en Chrome al menos:

<input type="number" min="0" onkeypress="return event.charCode != 45">

La respuesta @Manwal es buena, pero me gusta el código con menos líneas de código para una mejor legibilidad. También me gusta usar onclick / onkeypress en html.

Mi solución sugerida hace lo mismo: Agregar

min="0" onkeypress="return isNumberKey(event)"

a la entrada html y

function isNumberKey(evt){
    var charCode = (evt.which) ? evt.which : event.keyCode;
    return !(charCode > 31 && (charCode < 48 || charCode > 57));
}

como una función de javascript.

Como se dijo, hace lo mismo. Es solo una preferencia personal sobre cómo resolver el problema.

Solo como referencia: con jQuery puede sobrescribir valores negativos en focusout con el siguiente código:

$(document).ready(function(){
    $("body").delegate('#myInputNumber', 'focusout', function(){
        if($(this).val() < 0){
            $(this).val('0');
        }
    });
});

¡Esto no reemplaza la validación del lado del servidor!

Aquí hay una solución angular 2:

crear una clase OnlyNumber

import {Directive, ElementRef, HostListener} from '@angular/core';

@Directive({
  selector: '[OnlyNumber]'
})
export class OnlyNumber {

  // Allow decimal numbers. The \. is only allowed once to occur
  private regex: RegExp = new RegExp(/^[0-9]+(\.[0-9]*){0,1}$/g);

  // Allow key codes for special events. Reflect :
  // Backspace, tab, end, home
  private specialKeys: Array<string> = ['Backspace', 'Tab', 'End', 'Home'];

  constructor(private el: ElementRef) {
  }

  @HostListener('keydown', ['$event'])
  onKeyDown(event: KeyboardEvent) {
    // Allow Backspace, tab, end, and home keys
    if (this.specialKeys.indexOf(event.key) !== -1) {
      return;
    }

    // Do not use event.keycode this is deprecated.
    // See: https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode
    let current: string = this.el.nativeElement.value;
    // We need this because the current value on the DOM element
    // is not yet updated with the value from this event
    let next: string = current.concat(event.key);
    if (next && !String(next).match(this.regex)) {
      event.preventDefault();
    }
  }
}

agregue OnlyNumber a las declaraciones en app.module.ts y utilícelo así en cualquier lugar de su aplicación

<input OnlyNumber="true">

oninput="this.value=(this.value   < Number(this.min) || this.value   > Number(this.max))  ? '' : this.value;"

Simplemente agregue otra forma de hacer esto (usando Angular) si no quiere ensuciar el HTML con aún más código:

Solo tiene que suscribirse al campo valueChanges y establecer el Value como un valor absoluto (teniendo cuidado de no emitir un nuevo evento porque eso causará otro valueChange, por lo tanto, una llamada recursiva y desencadenará un error de Tamaño de llamada máximo excedido)

CÓDIGO HTML

<form [formGroup]="myForm">
    <input type="number" formControlName="myInput"/>
</form>

CÓDIGO TypeScript (dentro de su componente)

formGroup: FormGroup;

ngOnInit() { 
    this.myInput.valueChanges 
    .subscribe(() => {
        this.myInput.setValue(Math.abs(this.myInput.value), {emitEvent: false});
    });
}

get myInput(): AbstractControl {
    return this.myForm.controls['myInput'];
}

La respuesta a esto no es útil. ya que solo funciona cuando usas las teclas arriba / abajo, pero si escribes -11 no funcionará. Así que aquí hay una pequeña solución que uso

este para enteros

  $(".integer").live("keypress keyup", function (event) {
    //    console.log('int = '+$(this).val());
    $(this).val($(this).val().replace(/[^\d].+/, ""));
    if (event.which != 8 && (event.which < 48 || event.which > 57))
    {
        event.preventDefault();
    }
   });

este cuando tienes números de precio

        $(".numeric, .price").live("keypress keyup", function (event) {
     //    console.log('numeric = '+$(this).val());
    $(this).val($(this).val().replace(/[^0-9\,\.]/g, ''));

    if (event.which != 8 && (event.which != 44 || $(this).val().indexOf(',') != -1) && (event.which < 48 || event.which > 57)) {
        event.preventDefault();
    }
   });

Esta solución permite todas las funciones del teclado, incluyendo copiar y pegar con teclado. Evita pegar números negativos con el mouse. Funciona con todos los navegadores y la demostración en codepen usa bootstrap y jQuery. Esto debería funcionar con configuraciones y teclados que no estén en inglés. Si el navegador no admite la captura de eventos de pegado (IE), eliminará el signo negativo después de enfocarse. Esta solución se comporta como debería hacerlo el navegador nativo con min = 0 type = number.

Margen:

<form>
  <input class="form-control positive-numeric-only" id="id-blah1" min="0" name="nm1" type="number" value="0" />
  <input class="form-control positive-numeric-only" id="id-blah2" min="0" name="nm2" type="number" value="0" />
</form>

Javascript

$(document).ready(function() {
  $("input.positive-numeric-only").on("keydown", function(e) {
    var char = e.originalEvent.key.replace(/[^0-9^.^,]/, "");
    if (char.length == 0 && !(e.originalEvent.ctrlKey || e.originalEvent.metaKey)) {
      e.preventDefault();
    }
  });

  $("input.positive-numeric-only").bind("paste", function(e) {
    var numbers = e.originalEvent.clipboardData
      .getData("text")
      .replace(/[^0-9^.^,]/g, "");
    e.preventDefault();
    var the_val = parseFloat(numbers);
    if (the_val > 0) {
      $(this).val(the_val.toFixed(2));
    }
  });

  $("input.positive-numeric-only").focusout(function(e) {
    if (!isNaN(this.value) && this.value.length != 0) {
      this.value = Math.abs(parseFloat(this.value)).toFixed(2);
    } else {
      this.value = 0;
    }
  });
});

Aquí hay una solución que funcionó mejor para un campo QTY que solo permite números.

// Only allow numbers, backspace and left/right direction on QTY input
    if(!((e.keyCode > 95 && e.keyCode < 106) // numpad numbers
        || (e.keyCode > 47 && e.keyCode < 58) // numbers
        || [8, 9, 35, 36, 37, 39].indexOf(e.keyCode) >= 0 // backspace, tab, home, end, left arrow, right arrow
        || (e.keyCode == 65 && (e.ctrlKey === true || e.metaKey === true)) // Ctrl/Cmd + A
        || (e.keyCode == 67 && (e.ctrlKey === true || e.metaKey === true)) // Ctrl/Cmd + C
        || (e.keyCode == 88 && (e.ctrlKey === true || e.metaKey === true)) // Ctrl/Cmd + X
        || (e.keyCode == 86 && (e.ctrlKey === true || e.metaKey === true)) // Ctrl/Cmd + V
    )) {
        return false;
    }