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

版权声明:张刻骨原创总结 https://blog.csdn.net/zhangkegu/article/details/88688003

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

1.

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

2.

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

优化清空校验效果:

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

3.效果图:

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

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

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

温馨提示:

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

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

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

猜你喜欢

转载自blog.csdn.net/zhangkegu/article/details/88688003