easyUI表单提交验证失效

最新推荐文章于 2021-07-23 10:17:55 发布

原创最新推荐文章于 2021-07-23 10:17:55 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

错误总结专栏收录该内容

1 篇文章

订阅专栏

本文介绍了在使用EasyUI框架时遇到的一个常见问题：输入框id和name为nodeName时导致的校验错误。详细分析了问题原因，并给出了有效的解决办法。

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

找了一天的错误：在easyUI中通过dialog打开的增加信息页面，其中对表单中的一些输入框进行校验最后查找出原因是，表单中存在下边这个输入框：

<input id="addNodeName" class="easyui-textbox" name="nodeName" style="width: 120px;height: 26px;" maxlength='31' data-options="required:true,validType:'length[1,30]'" />

看似没啥错误，但是浏览器控制台一直报错b.nodeName is not a function.

最后发现错误的原因是：错误原因是输入框中id和name命名为nodeName，这个名字跟easyUI框架中的代码命名冲突。改掉名字后校验正常

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

sjw_peak

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

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

空空说技术的博客

09-25

2万+

使用EasyUi提交form表单无反应，报错Uncaught TypeError: Cannot read property ‘options’ of undefined 今天记一下，博主在使用easyui的form提交数据的时候，居然提交不了，页面没有反应，通过调试等发现，方法事件都是调用到了的，唯独请求没有发出去。于是各种切控制台和浏览器F12，发现浏览器 1.报错： Uncaught Ty...

解决easyui的中form表单验证失效

阳光下的岳同学专栏

05-26

2637

//得到表单窗口中的form对象testForm = $('#form');//初始化表单中的验证器$('input[type!="hidden"],select,textarea',testForm ).each(function(){ $(this).validatebox();});

参与评论您还未登录，请先登录后发表或查看评论

Easyui, 向表单中动态append一个input元素后，表单验证不生效【已解决】

BruceOuyang 的专栏

04-26

8047

如标题所述，新添加到表单内的表单元素如：可以看到，是有验证代码的 class="easyui-validatebox" data-options="required:true,invalidMessage:'名称不能为空',missingMessage:'名称不能为空'" 新添加到表单中的表单元素验证不生效，原因是表单的验证器在页面初始化的时候一起初始化掉了，固定了

jQuery easyui form不能提交

莫雪狼的专栏

02-14

5978

最近在做一个新项目，项目中用到了jQuery easyui，这个前台UI框架真的是很好用。有兴趣的可以参考官方网站，里面的文档中有详细的介绍，直接拷贝文档中的代码就可以使用了。 jQuery easyui今天要记录的问题是，当使用jQuery easyui的form提交时，居然提交不了，切控制台和浏览器上都没有任何的错误提示。一般我遇到这种问题，都是采取删减法，即将页面上的元素标签全部删除，然后一

关于EasyUI表单form无法提交的问题

weixin_30600503的博客

04-02

638

今天遇到一个问题，发现form表单无法提交 debugger了一下，如图 dubugger总是从189行直接跳转到200行，没有访问到后台，事实上后台debug断点打了依旧是没有debugdao；然后花了一天的时间进行校对，比较，发现了问题所在 <tr> <td>组卷课程：</td> ...

jQuery EasyUI提交表单验证

10-21

jQuery EasyUI 提供了内置的表单验证功能，使得表单验证变得简单易行。在jQuery EasyUI中，表单验证主要依赖于 `validatebox` 类，这个类提供了丰富的验证规则和属性，以确保用户输入的有效性。以下是一些关键概念...

Jquery组件easyUi实现表单验证示例

10-21

在表单验证方面，EasyUI提供了一种简单有效的方法，使得在前端就能对用户输入的数据进行有效性检查，从而提高用户体验并减轻服务器端的压力。在标题和描述中提到的“Jquery组件easyUi实现表单验证”，主要是指使用...

Jquery插件easyUi实现表单验证示例

10-23

easyUi为表单验证提供了一套简单易用的API，使得开发者可以方便地在HTML表单中集成验证规则。首先，easyUi中的表单验证通常是通过在HTML表单元素中添加验证规则来实现的。在easyUi中，开发者可以使用data-options...

轻松学习jQuery插件EasyUI EasyUI表单验证

10-23

### 二、EasyUI表单验证 1. **使用validatebox插件**：EasyUI提供了`validatebox`插件，用于对表单字段进行验证。要进行验证，我们需要在输入框上添加`class="easyui-validatebox"`，并使用`required`属性指定字段...

easyui取消表单实时验证,提交时统一验证的简单实例

09-01

EasyUI提供了强大的表单验证功能，但有时我们可能希望在用户提交表单时才进行验证，而不是在用户输入时实时验证。这样的做法可以减少用户的干扰，提高用户体验。本文将详细介绍如何在EasyUI中取消表单的实时验证，并...

Easyui 表单点击提交验证不通过时提示哪个填写不符合要求

tyjlearning的博客

01-03

3888

if (!isValid) { $('.textbox-focused').find('input').click(); //$.messager.alert('提示','请按要求填写！'); unButtonClick($('.submit-bnt'),'','submitForm();'); }

解决easyui的tab页面中form验证失效

fxz1982的专栏

05-28

4640

最近用到easyui做WEB前台框架,发现原始页面中的FORM如果被tab页面引用,表单验证就会失效.解决方法.就是把表单中的验证器再初始化一次 //得到表单窗口中的form对象 testForm = $('#form'); //初始化表单中的验证器 $('input[type!="hidden"],select,textarea',testForm ).each(function(){

easyui 验证combobox是否通过_清楚理解设计评审、设计验证、设计确认三个概念

weixin_34070493的博客

01-14

302

在ISO9001:2015版本的8.3.4 设计和开发控制条款中有：组织应对设计和开发过程进行控制，以确保:……b)实施评审活动，以评价设计和开发的结果满足要求的能力c)实施验证活动，以确保设计和开发输出满足输入的要求d)实施确认活动，以确保产品和服务能够满足规定的使用要求或预期用途要求;……如何清楚认识设计评审、设计验证和设计确认三个概念呢？首先我们先看看这三个概念的基本定义。1、评审：对客体实...

easyUI dialog 缓存问题引起form表单提交文件的错乱

狂人路飞的博客

02-03

1093

最近在做项目的时候遇到一个看似简单　但是又很头疼的问题，功能是这样的：使用easyUI的dialog弹出的一个form的提交文件的上传功能,简单吧?就这么简单一个问题花了我一天的时间,当然脑子比较不灵光哈,废话少说进入正题,遇到的问题是这样的:在上传文件的时候初次操作'不选文件直接上传',当然会上传失败了!服务器返回的没毛病! 问题来了,,,,当dialog.close()之后从新上传文件,这次的

js动态修改Easyui元素不生效,EasyUI动态渲染解析解决方案

weixinhmz的博客

07-23

186

js动态修改Easyui元素不生效,EasyUI动态渲染解析解决方案

easyui-textbox添加validType使maxlength失效

menm91的博客

04-23

6341

今天在工作中发现了这个问题,先动态生成的textbox,添加最大长度maxlength限制,然后再添加约束发现最大长度约束没有了. 先动态添加一个textbox. $(function(){ $("",{type:'text',id:'append'}).appendTo($("").append("后添加的:").appendTo(document.body)).textbox({requ

关于jquery easyui中easyui-validatebox自定义验证问题的解决

leon_shen的专栏

04-03

1574

一般是在jsp页面中的标签中添加如下代码 $.extend($.fn.validatebox.defaults.rules, { idcard : {// 验证身份证 validator : function(value) { return /^\d{15}(\d{2}[A-Za-z0-9])?$/i.test(value);

easyui-validatebox form表单提交时校验 ajax提交时校验

qq_24057133的博客

04-08

2278

validatebox form表单提交和ajax提交时校验

动态添加easyui的input，校验失效解决方案

zhao277949522的博客

12-04

1220

将新添加的，需要校验的元素，初始化一次验证器加载即可 var temp = $(’#barcodeTemp’).clone(true).removeAttr(‘id’).attr(‘value’, barcode); temp.validatebox(); divRow.append(temp); ...

vue easyui 表单验证