实习总结第13谈-----------select下拉框选项决定textarea文本域是否必填校验

该需求的接收是,一个弹框子页面,上面是一个select下拉框,该下拉框是必填项,下面是一个文本域,文本域不是必填项,当下拉框的选项是‘其它’这个选项时,文本域变成必填项进行必填校验;我的方法是通过一个select下拉框的change回调函数来控制文本域的校验规则中的必填属性,具体代码和步骤如下:

1.

select下拉框和文本域代码结构

2.

change回调函数实现select下拉框选项控制文本域是否成为必填校验项

优化清空校验效果:

避免上一次选择‘其它’项时有文本域必填校验的残留

3.效果图:

只有下拉框选择其它时才会触发下面的文本域必填校验     效果图如上

二.记录一个关于表单校验必填项的注意事项:

当写了回调函数中有置空表单时,弹框初次进入就不必再置空一次表单了

 

温馨提示:

我,作为一个神奇的喵系女孩,虽然反射弧稍微迟缓的长那么一点点,但,我必定是一只不容置疑的程序媛大佬!

你可以嘲笑我技术菜,但,你必须告诉我哪里错了,为什么错?

安静的等待本媛的下一篇实习总结吧!

 

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值