用jquery或者js怎么操作实体类中的各个值(.net)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用jquery或者js怎么操作实体类中的各个值(.net)相关的知识,希望对你有一定的参考价值。

我要判断网站登录的会员注册信息是否完整,不完整的话弹出窗体让其补充完整,我的思路是根据登录的用户ID获取有关的信息放在实体类中然后需要用jquery判断实体类中是否有空值,有空值的话在弹出窗体中显示对应的文本框供其补充,现在遇到一个问题就是在jquery中不能直接判断实体类中的值, 希望各位大哥大姐帮帮忙啊~

loveandkissyou兄的回答参考价值比较大
哈喽刘海兄的回答我猜不能满足楼主的要求,因为验证是在填写信息的时候进行的,楼主的问题是在填写信息之后,比如现在的系统中已经有很多不完整的数据,验证只能保证新注册的数据的完整性,无法解决已有数据的不完整
我的想法是首先用后台生成所有需要的表单框(也可以有js来做,先获取需要哪些表单项,然后生成输入框),然后js询问后台哪些是需要填写的,并弹出所需的输入框,待客户填写之后,再提交至后台,然后后台存储不为空且格式正确的字段,然后再返回给js哪些还需要补充,然后js再生成需要的表单,然后再提交至后台存储,然后再返回js哪些需要补充。。。。。。如此往返直到没有需要补充的。这种方式并没有想象的那么繁琐,只要打开时js提交后台询问哪些要补充的就行了,如果后台发现还有需要补充的就刷新页面,js就随着页面的加载自动开始新一轮的询问。
上面都是流程方面的解答。具体到你的js判断实体类的问题,可以用ajax实现,可以从后台返回一个键值对,键为字段名称,值为是否为空或格式是否正确,然后客户端再处理
参考技术A loveandkissyou兄的回答参考价值比较大
哈喽刘海兄的回答我猜不能满足楼主的要求,因为验证是在填写信息的时候进行的,楼主的问题是在填写信息之后,比如现在的系统中已经有很多不完整的数据,验证只能保证新注册的数据的完整性,无法解决已有数据的不完整
我的想法是首先用后台生成所有需要的表单框(也可以有js来做,先获取需要哪些表单项,然后生成输入框),然后js询问后台哪些是需要填写的,并弹出所需的输入框,待客户填写之后,再提交至后台,然后后台存储不为空且格式正确的字段,然后再返回给js哪些还需要补充,然后js再生成需要的表单,然后再提交至后台存储,然后再返回js哪些需要补充。。。。。。如此往返直到没有需要补充的。这种方式并没有想象的那么繁琐,只要打开时js提交后台询问哪些要补充的就行了,如果后台发现还有需要补充的就刷新页面,js就随着页面的加载自动开始新一轮的询问。
上面都是流程方面的解答。具体到你的js判断实体类的问题,可以用ajax实现,可以从后台返回一个键值对,键为字段名称,值为是否为空或格式是否正确,然后客户端再处理
参考技术B .net是服务端语言,你在服务端创建一个实体,前端怎么可能获取得到。
你要先在服务端做个根据id查询信息的接口,然后前端通过jQuery的ajax将数据传输到前端来,并转化成前端的对象,这样才能判断。
参考技术C ajax 请求后台遍历实体类的属性和值,有空的就返回属性名称集合,然后弹框!

jQuery操作页面元素之包装元素

一:包装结点:指用指定HTML结构包装现有元素,被包装元素成为结构的子结点。就好像python中的装饰器。

1:wrap():

wrap方法用指定HTML结构包装结点,参数可以是HTML字符串、选择器或者jQuery对象。匹配多个结点时,分别包装各个结点。

2:wrapAll():

wrapAll方法将所有选中的结点包装在一个HTML结构中,参数可以是HTML字符串、选择器或者jQuery对象。

 1 <!DOCTYPE html>
 2 <html>
 3 
 4 <head>
 5     <meta charset="utf-8">
 6     <title>包装现有元素</title>
 7     <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js">
 8     </script>
 9     <style type="text/css">
10         div {
11             border: 1px solid rebeccapurple;
12             padding: 5px;
13             margin: 5px;
14         }
15     </style>
16 </head>
17 <script>
18     $(function() {
19         $(#btn).click(function() {
20             //$(‘:type‘)
21             $(:text).wrap(<div><b></b></div>)
22         })
23         $(#btn1).click(function() {
24             /*
25             $(‘元素‘).$(‘span‘)匹配到了三个span元素,
26             返回的jQuery对象是一个数组,包含这三个span元素的jQuery对象,
27             返回的jQuery对象可以通过下标来操纵你指定下标的span元素。
28             */
29             $(span).wrapAll(<div><b></b></div>)
30             var a = $(span)
31             console.log(typeof a)
32             console.log(a)
33         })
34     })
35 </script>
36 
37 <body>
38     用户名:
39     <input type="text" value="username"><br>
40     <span type="text">wrap包装:当匹配到多个结点时分别包装结点,</span><br>
41     <!--单击包装后在浏览器中查看源代码-->
42     <button id="btn">wrap包装</button><br>
43     <button id="btn1">wrapAll元素</button><br>
44     <!--wrapAll方法会把所有的span元素包装到一个指定的HTML结构中-->
45     <span >知道学院</span>在线<span>jQuery教程</span><br>
46 </body>
47 
48 </html>

二:

1:wrapInner()方法

wrapInner方法用指定的HTML结构包装选中结点的内部内容,即包装的是选中的结点的内部,而选中的元素处于指定的HTML结构的外面.相当于wrapInner方法添加的是指定的子元素。注意wrap和wrapInner方法的区别.

2:unwrap()方法

unwrap方法可解除包装,即删除其父结点,原来的祖父结点成为其父结点。

 1 <!DOCTYPE html>
 2 <html>
 3 
 4 <head>
 5     <meta charset="utf-8">
 6     <title>注意wrap和wrapInner包装结点的区别</title>
 7     <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js">
 8     </script>
 9     <script>
10         $(function() {
11             $(#btn1).click(function() {
12                 $(span).wrapInner(<div><b></b></div>)
13             })17         })
18     </script>
19     <style>
20         div {
21             border: 1px solid red;
22             padding: 5px;
23             margin: 5px;
24         }
25     </style>
26 </head>
27 
28 <body>
29     操作页面元素
30     <span>知道学院</span>在线<span>jQuery教程</span>
31     <button id="btn1">wrapInner元素</button>
33 </body>
34 
35 </html>

#unwrap()方法:解除指定的结点外面的父元素。

 1 <!DOCTYPE html>
 2 <html>
 3 
 4 <head>
 5     <meta charset="utf-8">
 6     <title>注意wrap和wrapInner包装结点的区别</title>
 7     <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js">
 8     </script>
 9     <script>
10         $(function() {
11             $(#btn2).click(function() {
12                 $(span).unwrap()
13             })
14         })
15     </script>
16     <style>
17         div {
18             border: 1px solid red;
19             padding: 5px;
20             margin: 5px;
21         }
22     </style>
23 </head>
24 
25 <body>
26     操作页面元素
27     <div><b><span>知道学院</span>在线<span>jQuery教程</span></b></div>
28     <button id="btn2">unwrap解包装</button>
29 </body>
30 
31 </html>

 

以上是关于用jquery或者js怎么操作实体类中的各个值(.net)的主要内容,如果未能解决你的问题,请参考以下文章

怎么通过反射获得实体类中List类型的对象的各个属性?

每个radio的name都是不相同的,怎么用js或者jquery获取选中的每个radio值,然后拼成id串传到前台。

js怎么调用java 类中方法

html中,怎样用js或者jQuery去判断文本框输入的文本内容超过了文本框的宽度。

实体类属性名字不规范用啥注解改

jquery 怎么获取 ajax中的session值