首页 随心笔记正文

如何让input字段提示不能为空,JS实现不如用required

admin 随心笔记 2021-10-23 21:55:32 378 0 收藏文章
再做一个支付界面,用POST提交各种数据,在金额和商品名称那里不能为空,毕竟没钱数怎么支付.
开始用如下JS代码实现弹出


<form name=alipayment action=pay.php method=post target="_blank">
<input type="text" id="money" name="money" value="" placeholder="请输入金额" autocomplete="off">
</form>
<script type="text/javascript">    
function checkform(){ 
    var name= document.getElementById('money');
    if(name.value.length==0){    
        alert('输入为空!');
    }
}
</script>

可是这种情况在不输入金额的情况下是弹出来输入为空,但有一个问题就是还是会跳转FORME里的链接,总觉的不好
后来改为

<form name=alipayment action=pay.php method=post target="_blank">
<input type="text" name="money" value="" placeholder="请输入金额" required="required" autocomplete="off">
</form>

不便省去了JS代码,更简洁,还不会跳转,照样达到了同样的效果!

required="required"

在input里加上表示必须要填写的,不填是不会继续的意思!
版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。

本文链接:www.dnwfb.com/page4_1548_0.html

推荐