用validation验证输入框为空时,输入框变红

该博客讲述了如何利用validation框架在JavaScript中实现对输入框内容的非空验证,当输入框为空时,输入框会变为红色,提示用户必须填写。内容包括了HTML表单元素、选择器、CSS类的使用,以及错误提示的显示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<div class="box-content">

<form:form modelAttribute="expressPriceForm" action="addExpressPrice" method="post">

<form:hidden path="expressId" value="${expressPriceForm.expressId}" />

<div class="alert alert-info">${message}<form:errors path="*"></form:errors></div>

 <table class="table table-bordered responsive">

 <tr><td style="background-color: #f9f9f9;">省</td>

<td><div class="controls">

<form:select path="provinceId">

<form:options items="${provinceList}" itemLabel="label" itemValue="value" /></form:select></div></td>

<td style="background-color: #f9f9f9;">分隔重量g<span style="color:red;">*</span></td>

<td><form:input path="separateWeight" cssClass="form-control" cssErrorClass="form-control error"/></td>

<td style="background-color: #f9f9f9;">首重费(元)<span style="color:red;">*</span></td>

<td><form:input path="firstHeavyPrice" cssClass="form-control" cssErrorClass="form-control error" /></td>

</tr><tr>

<td style="background-color: #f9f9f9;">续重费(元)<span style="color:red;">*</span></td>

<td><form:input path="continuedHeavyPrice" cssClass="form-control" cssErrorClass="form-control error"/></td>

<td style="background-color: #f9f9f9;">状态</td>

<td><div class="controls">

<form:select path="status">

<form:option value="启用">启用</form:option>

<form:option value="备用">备用</form:option></form:select>

</div></td>

<td style="background-color: #f9f9f9;">备注</td>

<td><input name="note" class="form-control" /></td></tr> </table>

<div class="input-group has-success col-md-12" align="right">

<button type="submit" class="btn btn-success">提 交</button>

 &nbsp;&nbsp;&nbsp;&nbsp;

<a href="initExpressPrice?expressId=${expressPriceForm.expressId}"  class="btn btn-danger">取 消</a> </div>


转载于:https://my.oschina.net/u/2411775/blog/484794

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值