用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)的主要内容,如果未能解决你的问题,请参考以下文章
每个radio的name都是不相同的,怎么用js或者jquery获取选中的每个radio值,然后拼成id串传到前台。