Tôi đã thấy rằng một số trình duyệt bản địa hóa input type="number"ký hiệu của các số.

Vì vậy, bây giờ, trong các trường mà ứng dụng của tôi hiển thị tọa độ kinh độ và vĩ độ, tôi nhận được những thứ như "51,983", trong đó nó phải là "51,982559". Cách giải quyết của tôi là sử dụng input type="text"thay thế, nhưng tôi muốn sử dụng đầu vào số với hiển thị chính xác các số thập phân.

Có cách nào để buộc trình duyệt sử dụng dấu thập phân trong đầu vào số, bất kể cài đặt cục bộ phía máy khách không?

(Không cần phải nói rằng trong ứng dụng của tôi, tôi vẫn sửa lỗi này ở phía máy chủ, nhưng trong thiết lập của tôi, tôi cũng cần nó đúng ở phía máy khách (vì một số JavaScript)).

Cảm ơn trước.

CẬP NHẬT Hiện tại, khi kiểm tra Phiên bản Chrome 28.0.1500.71 m trên Windows 7, đầu vào số không chấp nhận các số thập phân được định dạng bằng dấu phẩy. Các đề xuất được đề xuất vớistepthuộc tính dường như không hoạt động.

http://jsfiddle.net/AsJsj/

Hiện tại, Firefox tôn trọng ngôn ngữ của phần tử HTML mà đầu vào nằm trong đó. Ví dụ, hãy thử trò chơi này trong Firefox:

http://jsfiddle.net/ashraf_sabry_m/yzzhop75/1/

Bạn sẽ thấy rằng các chữ số được viết bằng tiếng Ả Rập và dấu phẩy được sử dụng làm dấu phân tách phần thập phân, đây là trường hợp của tiếng Ả Rập. Điều này là do BODYthẻ được cung cấp thuộc tính lang="ar-EG".

Tiếp theo, hãy thử cái này:

http://jsfiddle.net/ashraf_sabry_m/yzzhop75/2/

Cái này được hiển thị với một dấu chấm làm dấu phân cách thập phân vì đầu vào được bao bọc trong một DIVthuộc tính nhất định lang="en-US".

Vì vậy, một giải pháp bạn có thể sử dụng là bọc các đầu vào số của bạn bằng một phần tử vùng chứa được thiết lập để sử dụng văn hóa sử dụng dấu chấm làm dấu phân tách thập phân.

Với bước thuộc tính quy định đến độ chính xác của các số thập phân mà bạn muốn, và lang thuộc tính [mà được đặt thành một miền địa phương rằng các định dạng số thập phân với thời gian ], html5 số đầu vào của bạn sẽ chấp nhận số thập phân. ví dụ. để nhận các giá trị như 10,56; ý tôi là 2 số vị trí thập phân, hãy làm như sau:

<input type="number" step="0.01" min="0" lang="en" value="1.99">

Bạn có thể chỉ định thêm thuộc tính max cho giá trị tối đa cho phép.

Chỉnh sửa Thêmthuộc tính lang vào phần tử đầu vào có giá trị ngôn ngữ định dạng số thập phân bằng điểm thay vì dấu phẩy

Theo thông số kỹ thuật , Bạn có thể sử dụng anylàm giá trị của stepthuộc tính:

<input type="number" step="any">

Sử dụng thuộc tính lang cho đầu vào. Ngôn ngữ trên ứng dụng web của tôi fr_FR, lang = "en_EN" trên số đầu vào và tôi có thể vô tư sử dụng dấu phẩy hoặc dấu chấm. Firefox luôn hiển thị dấu chấm, Chrome hiển thị dấu phẩy. Nhưng cả hai separtor đều hợp lệ.

Đáng buồn thay, mức độ phù hợp của trường đầu vào này trong các trình duyệt hiện đại là rất thấp:

http://caniuse.com/#feat=input-number

Do đó, tôi khuyên bạn nên mong đợi dự phòng và dựa vào đầu vào [type = text] được lập trình nặng để thực hiện công việc, cho đến khi trường được chấp nhận chung.

Cho đến nay, chỉ có Chrome, Safari và Opera là có triển khai gọn gàng, còn tất cả các trình duyệt khác đều gặp lỗi. Một số trong số chúng dường như không hỗ trợ số thập phân (như BB10)!

Tôi không biết liệu điều này có hữu ích không nhưng tôi đã vấp phải ở đây khi tìm kiếm cùng một vấn đề này, chỉ từ quan điểm đầu vào (tức là tôi nhận thấy rằng tôi <input type="number" />chấp nhận cả dấu phẩy và dấu chấm khi nhập giá trị, nhưng chỉ có bị ràng buộc với mô hình anglejs mà tôi đã gán cho đầu vào). Vì vậy, tôi đã giải quyết bằng cách ghi nhanh chỉ thị nhanh này:

.directive("replaceComma", function() {
    return {
        restrict: "A",
        link: function(scope, element) {
            element.on("keydown", function(e) {
                if(e.keyCode === 188) {
                    this.value += ".";
                    e.preventDefault();
                }
            });
        }
    };
});

Sau đó, trên html của tôi, chỉ cần: <input type="number" ng-model="foo" replace-comma />sẽ thay thế dấu phẩy bằng dấu chấm ngay lập tức để ngăn người dùng nhập các số không hợp lệ (theo quan điểm javascript, không phải từ địa phương!). Chúc mừng.

Tôi đã tìm thấy một bài viết trên blog có vẻ giải thích điều gì đó liên quan:
kiểu nhập HTML5 = số và số thập phân / số nổi trong Chrome

Tóm tắt:

• những stepgiúp để xác định lĩnh vực giá trị hợp lệ
• mặc định steplà1
• do đó miền mặc định là các số nguyên (giữa minvà max, bao gồm, nếu đã cho)

Tôi sẽ cho rằng điều đó đang mâu thuẫn với sự mơ hồ của việc sử dụng dấu phẩy làm dấu phân cách hàng nghìn so với dấu phẩy làm dấu thập phân và của bạn 51,983thực sự là năm mươi mốt nghìn, chín trăm lẻ ba được phân tích cú pháp kỳ lạ.

Rõ ràng bạn có thể sử dụng step="any"để mở rộng miền tới tất cả các số hữu tỉ trong phạm vi, tuy nhiên tôi chưa thử tự mình làm điều đó. Đối với vĩ độ và kinh độ, tôi đã sử dụng thành công:

<input name="lat" type="number" min="-90.000000" max="90.000000" step="0.000001">
<input name="lon" type="number" min="-180.000000" max="180.000000" step="0.000001">

Nó có thể không đẹp, nhưng nó hoạt động.

Theo như tôi hiểu thì HTML5 input type="numberluôn trả về input.valuedưới dạng string.

Rõ ràng, input.valueAsNumbertrả về giá trị hiện tại dưới dạng số dấu phẩy động. Bạn có thể sử dụng điều này để trả về một giá trị bạn muốn.

Xem http://diveintohtml5.info/forms.html#type-number

Bạn đã cân nhắc sử dụng Javascript cho việc này chưa?

$('input').val($('input').val().replace(',', '.'));

một tùy chọn là javascript parseFloat()... không bao giờ phân tích cú pháp a " text chain" --> 12.3456với trỏ tới một int ... 123456(int remove the point) phân tích cú pháp chuỗi văn bản thành FLOAT ...

để gửi coords này đến một máy chủ, hãy thực hiện việc này gửi một chuỗi văn bản. HTTPchỉ gửiTEXT

trong ứng dụng khách, tránh phân tích cú pháp các coords đầu vào bằng " int", hãy làm việc với chuỗi văn bản

nếu bạn in các dây trong html bằng php hoặc tương tự ... float thành văn bản và in trong html

1) 51,983 là số kiểu chuỗi không chấp nhận dấu phẩy

vì vậy bạn nên đặt nó là văn bản

<input type="text" name="commanumber" id="commanumber" value="1,99" step='0.01' min='0' />

thay thế bằng .

và thay đổi thuộc tính loại thành số

$(document).ready(function() {
    var s = $('#commanumber').val().replace(/\,/g, '.');   
    $('#commanumber').attr('type','number');   
    $('#commanumber').val(s);   
});

Kiểm tra http://jsfiddle.net/ydf3kxgu/

Hi vọng nó có thể giải quyết vấn đề của bạn

sử dụng mẫu

<input 
       type="number" 
       name="price"
       pattern="[0-9]+([\.,][0-9]+)?" 
       step="0.01"
       title="This should be a number with up to 2 decimal places."
>

chúc may mắn

Tôi đã viết một đoạn mã tùy chỉnh để thực hiện việc này

Nếu bạn muốn thay thế ,bằng ., hãy loại bỏ hoàn toàn các hàm translate_decimals .

var input = document.querySelector('input[role="custom-number"]');
var bincr = document.querySelector('button[role="increment"]');
var bdecr = document.querySelector('button[role="decrement"]');

function translate_decimals(side = 0)
{
	input.value = (side == ',' ? input.value.replace('.',',') : input.value.replace(',','.'));
}
translate_decimals(',');

bincr.addEventListener('click', ()=>{
	if (input.hasAttribute('max'))
	{
		if (input.value.substr(0,input.getAttribute('max').length) == input.getAttribute('max').substr(0,input.getAttribute('max').length))
		{
			return;
		}
		else
		{
			translate_decimals('.');
			let temp = input.value;
			input.value = "";
			input.value = (input.hasAttribute('step') ? (parseFloat(temp) + parseFloat(input.getAttribute('step'))) : temp++);
			translate_decimals(',');
		}
	}
});

bdecr.addEventListener('click', ()=>{
	if (input.hasAttribute('min'))
	{
		if (input.value.substr(0,input.getAttribute('min').length) == input.getAttribute('min').substr(0,input.getAttribute('min').length))
		{
			return;
		}
		else
		{
			translate_decimals('.');
			input.value = (input.hasAttribute('step') ? (input.value - input.getAttribute('step')) : input.value--);
			translate_decimals(',');
		}
	}
});

/* styling increment & decrement buttons */
button[role="increment"],
button[role="decrement"] {
	width:32px;
}

<input type="text" role="custom-number" step="0.01" min="0" max="0" lang="en" value="1.99">
<button role="increment">+</button>
<button role="decrement">-</button>

Tôi cần đảm bảo các giá trị vẫn có thể được nhập bằng dấu phẩy thay vì dấu chấm dưới dạng dấu phân tách thập phân. Đây dường như là một vấn đề thời đại. Thông tin cơ bản có thể được tìm thấy theo các liên kết sau:

• https://www.slightfuture.com/webdev/html5-input-number-localization.html
• https://codepen.io/aminimalanimal/full/bdOzRG

Cuối cùng tôi đã giải quyết nó bằng một chút jQuery. Thay dấu phẩy bằng dấu chấm onChange. Điều này dường như đang hoạt động tốt cho đến nay trên Firefox, Chrome và Safari mới nhất.

$('input[type=number]').each(function () {

  $(this).change(function () {

    var $replace = $(this).val().toString().replace(/,/g, '.');

    $(this).val($replace);

  })

});

Thuộc tính bước HTML

<input type="number" name="points" step="3">

Ví dụ: nếu bước = "3", các số hợp pháp có thể là -3, 0, 3, 6, v.v.

Mẹo: Thuộc tính step có thể được sử dụng cùng với các thuộc tính max và min để tạo ra một loạt các giá trị pháp lý.

Lưu ý: Thuộc tính step hoạt động với các loại đầu vào sau: số, phạm vi, ngày, giờ, ngày giờ-cục bộ, tháng, giờ và tuần.