JavaScript 有个 API 可以先验证有效性：

window.c = function(e){
    if(e.currentTarget.validity.valid) {
        console.log(e.currentTarget.value);
    }
}

如果输入不合法，valid 返回 false。如果用户清空了 <input>，valid 是 true。

好像没啥办法，要么监听keypress阻止非数字的输入防止一种情况的出现，具体请参考：http://stackoverflow.com/questions/15627341/get-value-of-input-type-number-with-js-when-it-contains-non-numeric-characte
要么就是换成type="tel"，具体请参考：http://stackoverflow.com/questions/18677323/html5-input-type-number-value-is-empty-in-webkit-if-has-spaces-or-non-numeric-ch?rq=1