html未填写提示,文本框输入信息,未输入的文本框会提示输入,并且未输入的文本框会变红...

本文介绍如何通过前端与后端交互实现表单验证,包括分销商注册与订单管理页面的文本框验证逻辑及错误提示样式展示。通过EL表达式传递信息并在前端使用CSS样式进行错误高亮。

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

一 实现分销商注册页面文本框输入错误信息或者不输入会提示错误,填写好的文本框的文本会显示,并且空文本框会变红,输入的错误信息不但文本框变红,里面的文本会变蓝

实现思路:前台输入的信息会传给后台,后台接受信息,在由文本框中设置的EL表达式进行接受,并显示

1新建一个common.css,关键代码:

.error{

background-color:red;

display:inline;color:blue;

}

目的是为了设置文本框背景颜色,和输入错误信息的文本为蓝

2.在addDistributorSelf.jsp中添加common的链接

实现文本框中显示文本代码:value="${distributorForm.distributorId}"   (value=EL表达式)

实现空白文本框为红色的代码:将input表达式改为

登录ID<>密码密码确认真实姓名手机支付宝ID

二实现订单管理页面文本框输入错误信息或者不输入会提示错误,填写好的文本框的文本会显示,并且空文本框会变红,输入的错误信息不但文本框变红,里面的文本会变蓝

实现思路:前台输入的信息会传给后台,后台接受信息,在由文本框中设置的EL表达式进行接受,并显示

1新建一个common.css,关键代码:

.error{

background-color:red;

display:inline;color:blue;

}

目的是为了设置文本框背景颜色,和输入错误信息的文本为蓝

2.在addPlaceOrder.jsp中添加common的链接

实现文本框中显示文本代码:value="${distributorForm.distributorId}"   (value=EL表达式)

实现空白文本框为红色的代码:将input表达式改为

客户单位联系人手机地址邮政编码固定电话订单日期备注
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值