首页 > 其他 > 详细

表单校验--用户是否已填写表单中的必填项目

时间:2018-03-01 16:58:16      阅读:241      评论:0      收藏:0      [点我收藏+]
<form action="${ pageContext.request.contextPath }/addProduct" method="post" onsubmit="return checkform()">
商品名称:<input type="text" name="pname" id="pname"/><br/>
市场价格:<input type="text" name="market_price" /><br/>
商城价格:<input type="text" name="shop_price" /><br/>
添加时间:<input type="text" name="pdate" id="pdate"/><br/>
商品描述:<textarea rows="5" cols="15" name="pdesc"></textarea><br/>
<input type="submit" value="添加商品" />
</form>

<script type="text/javascript">

// 校验表单
function checkform(){
    var pname = document.getElementById("pname").value;
    if(pname == ""){
        // 说明没有输入商品名称
        alert("商品名称不能为空");
        return false;
    }
}

</script>

更详细的内容:http://www.w3school.com.cn/js/js_form_validation.asp

表单校验--用户是否已填写表单中的必填项目

原文:http://blog.51cto.com/13579086/2074307

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!