使用EasyUi提交form表单无反应,报错Uncaught TypeError: Cannot read property 'options' of undefined

使用EasyUi提交form表单无反应,报错Uncaught TypeError: Cannot read property ‘options’ of undefined

今天记一下,博主在使用easyui的form提交数据的时候,居然提交不了,页面没有反应,通过调试等发现,方法事件都是调用到了的,唯独请求没有发出去。

于是各种切控制台和浏览器F12,发现浏览器

1.报错:

Uncaught TypeError: Cannot read property 'options' of undefined

如图:
使用EasyUi提交form表单无反应,报错Uncaught TypeError: Cannot read property 'options' of undefined_第1张图片

2.原因:

这个问题一般是提示你,要么控件找不到,要么就是找错了id,值得注意的是,我在这里使用了 easyui-validatebox类,这是为了校验数据的。

如图:
使用EasyUi提交form表单无反应,报错Uncaught TypeError: Cannot read property 'options' of undefined_第2张图片

但是!!! 我这里的数据是异步加载的(比如,封面就是要选择图片,然后在上传,然后才有这个数据流存在。),所以总是无法提交到后台。

3.解决:

把表单中的 class=“easyui-validatebox” 去掉!
去掉那些需要异步加载出来的input的class="easyui-validatebox"属性。
比如上图的封面的input。

效果:
使用EasyUi提交form表单无反应,报错Uncaught TypeError: Cannot read property 'options' of undefined_第3张图片

提交的请求也正常的。
使用EasyUi提交form表单无反应,报错Uncaught TypeError: Cannot read property 'options' of undefined_第4张图片


其他参考地址:https://blog.csdn.net/moxuelang/article/details/55063471

你可能感兴趣的:(异常报错类)