我的 html 代码有两个输入:payment 和 total。我已经使用 keyup 方法实现了一个脚本来验证付款是否大于总金额并显示提交类型输入。
只有当付款大于总金额时才会显示提交类型的输入
这是我的代码:
<!DOCTYPE html>
<html>
<body>
<input type="text" id="x" onkeyup="myFunction()">
<input type="text" id="y" value="8">
<div id="boton"></div>
<script>
function myFunction() {
var x = Parsefloat(document.getElementById('x'));
var y = Parsefloat(document.getElementById('y'));
if(x>=y){
document.getElementById("boton").innerHTML="<input type="submit" id="boton">";
}
</script>
</body>
</html>
但是我还没有获得验证,我会感谢你的建议
要显示或隐藏元素,您可以使用 css 中的 display none 属性来完成。
你可以试试这样的
请注意我所做的一些更改,例如 parseFloat,第一个是小写,大写是 F。还有 value 属性的分配,在 parseFloat 中。
在此处查看工作示例https://plnkr.co/edit/ZJNmTFmihWzlYtLpROr0?p=preview