Question

我在HTML表单中输入了类型文本。

<from>
  <input type="text" name="price" value="20000">
  <button type="submit">Save</button>
</form>

我希望输入文本在UI上以逗号分隔，并且在提交表单时，我想要实际值。

如果我想用javascript编写

$('form').serialize()

然后我应该将价格的值设为 20000 而不是 20,000

如果没有在javascript中编写任何可以将逗号分隔的字符串解析为数字的方法，这是否可行？

Answer 1

＆＃13;

var number=20000;
document.getElementsByName("price")[0].value = number.toLocaleString();
function getValue()
{
  number = +document.getElementsByName("price")[0].value.replace(',', '');
  console.log(number);
}

＆＃13;

<from>
        <input type="text" name="price">

        <button type="submit" onclick="getValue()">Save</button>
 </form>

＆＃13;

了解更多详情

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString

Answer 2

没有javascript方法是不可能的...尝试在这里使用 parseInt() 和 toLocaleString() 方法......

＆＃13;

var inputValue = parseInt($("input").val());
$("input").val(inputValue.toLocaleString());
console.log(inputValue);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input type="text" name="price" value="20000">
  <button type="submit">Save</button>
</form>

＆＃13;

Answer 3

你可以在php中实现这样的目标。

$output = 49995;
$followers = number_format( $output , 0 , '.' , ',' );
echo $followers;

我给了Fiddle Demo

这样的小提琴

HTML输入千位分隔符

3 个答案: