【解決方法】フロントエンドで小数の検証を追加するにはどうすればよいですか

プログラミングQA

2023.03.09

私は C# E コマースアプリケーションに取り組んでいます。

カートへのアイテムの削除と追加に問題があります。小数フィールドである価格列にエラーが表示されます。

アプリケーションは、この 10 進数値を小数なしの通常の整数値に変更した場合にのみ、カートへの削除/追加を実行します。

この問題に対処するために Detail.cshtml ファイルを変更するにはどうすればよいですか?

以下の 2 つの画像のリンクを参照してください。
https://i.stack.imgur.com/ZzXg0.png
https://i.stack.imgur.com/KeVkW.png

私が試したこと：

Detail.cshtml で検証を編集してみました。また、Detail.cshtml の Price フィールドを編集可能に変更して、通常の数値を使用できるかどうかをテストしました。

解決策 1

あなたが提供したコード画像を簡単に見ましたが、JavaScript は見当たりませんでした。そのため、この提案が意味を成すかどうかはわかりません。ただし、JavaScript を使用してフォーム入力をテストするのは一般的な手法です。

この小さな JS 関数お金正規表現を使用して数字とオプションの小数点をチェックし、その小数点の後に 0 ～ 2 桁を許可します。

function isMoney(input) {
    var regex = /^\d+(?:\.\d{0,2})$/;
    return regex.test(input);
}

フォーム自体で、関数を呼び出し、それに応じて分岐します。例えば

var input = document.getElementById("Price").value;
if (isMoney(input)) {
    // Input is valid
} else {
    // Input is not valid
}

この提案があなたが使用しているコードスタイルにどのように適合するかはわかりませんが、役に立てば幸いです。