查看: 9086|回复: 14
注册时间最后登录阅读权限10积分273精华0帖子
中级会员, 积分 273, 距离下一级还需 227 积分
本帖最后由 cpy1989 于
15:46 编辑
& & &input id=&txtSearchUserId& class=&mini-textbox& /&
& &&&var txtUserId = mini.get(&txtSearchUserId&);
& && && && &var userId = txtUserId.getValue(&txtSearchUserId&);
这样取不到值，我明明输入了值，但userId取不到值，不知道为什么 ？
这样的，无法获取到值啊，不知道怎么回事..
附件: 你需要才可以下载或查看附件。没有帐号？
注册时间最后登录阅读权限200积分7601精华0帖子
你在什么时候获取值？
是在keydown ？
注册时间最后登录阅读权限10积分273精华0帖子
中级会员, 积分 273, 距离下一级还需 227 积分
niko 发表于
你在什么时候获取值？
是在keydown ？
我点那个查询按钮的时候，很奇怪啊，之前还可以，后来下了最新版&&6月13&&发布的版本
注册时间最后登录阅读权限10积分273精华0帖子
中级会员, 积分 273, 距离下一级还需 227 积分
cpy1989 发表于
我点那个查询按钮的时候，很奇怪啊，之前还可以，后来下了最新版&&6月13&&发布的版本 ...
后来下了最新版&&6月13&&发布的版本，貌似就不行了
但又不是经常取不到，比如，我输入 “123”，取不到，等我删了一个数，变成 “12”，再点查询又能取到。
注册时间最后登录阅读权限200积分7601精华0帖子
你再获取一下新版本。
也可以在网站DEMO看看，是否有此问题
注册时间最后登录阅读权限10积分273精华0帖子
中级会员, 积分 273, 距离下一级还需 227 积分
niko 发表于
你再获取一下新版本。
也可以在网站DEMO看看，是否有此问题
我的已经是最新版本了
&&我发现一个怪异问题，就是我在文本框填了值之后，点保存按钮，是取不到值的，
但我在文本框填了值以后，再跳到另一个文本框，让原先的文本框失去焦点，这样才取到值，奇怪了。
注册时间最后登录阅读权限200积分7601精华0帖子
你应该没到最新版本把。
或者把可运行的代码贴出来试试
注册时间最后登录阅读权限10积分157精华0帖子
注册会员, 积分 157, 距离下一级还需 43 积分
控件加多了就出现这毛病
主要是在搜狗，360什么的IE内核下
其他都没问题
还有次自己多写了几个验证的正则
结果文本框全挂了
注册时间最后登录阅读权限10积分157精华0帖子
注册会员, 积分 157, 距离下一级还需 43 积分
还有页面的js代码，放在哪个地方
都很有关系
你这种情况
一般我这边是这样的
上面是你这种查询
下面是数据表格
JS必须写在input控件下面
在数据表格上面
不然数据表格读不出数据
查询也不好使，不论哪种浏览器
注册时间最后登录阅读权限10积分273精华0帖子
中级会员, 积分 273, 距离下一级还需 227 积分
niko 发表于
你应该没到最新版本把。
或者把可运行的代码贴出来试试
& && &&&&div class=&mini-toolbar& style=&width: 889&&
& && && && &&a class=&mini-button& iconcls=&icon-add& onclick=&AddServerManage&&增加&/a&&&&a
& && && && && & class=&mini-button& iconcls=&icon-remove& onclick=&deleteUsers&& 删除&/a& &span class=&separator&&
& && && && && & &/span&服务器Ip:
& && && && &&input id=&txtSearchServerIp& class=&mini-textbox& /&
& && && && &&a class=&mini-button& iconcls=&icon-search& onclick=&SearchServerManage&&查询&/a&
& && &&&&/div&
& && &&&&div id=&datagrid1& class=&mini-datagrid& style=&width: 900 height: 530& url=&../Handle/ServerManage.aspx?Method=GetServer&
& && && && &idfield=&id& allowresize=&false& pagesize=&20& multiselect=&true&&
& && && && &&div property=&columns&&
& && && && && & &div type=&checkcolumn& width=&5&&
& && && && && & &/div&
& && && && && & &div type=&indexcolumn& width=&10&&
& && && && && & &/div&
& && && && && & &div field=&ServerId& width=&10& headeralign=&center& align=&center& allowsort=&true&&
& && && && && && &&&ID
& && && && && & &/div&
& && && && && & &div field=&ServerName& width=&10& headeralign=&center& align=&center& allowsort=&true&&
& && && && && && &&&服务器名
& && && && && & &/div&
& && && && && & &div field=&ServerIp& width=&30& headeralign=&center& align=&center& allowsort=&true&&
& && && && && && &&&服务器IP
& && && && && & &/div&
& && && && && & &div name=&action& width=&20& headeralign=&center& align=&center& renderer=&onActionRendererUserManage&
& && && && && && &&&cellstyle=&padding:0;&&
& && && && && && &&&操作&/div&
& && && && &&/div&
& && &&&&/div&
& && &&&&div id=&editServerManage& class=&mini-window& title=&新增/编辑服务器管理& style=&width: 450&
& && && && &showmodal=&true& allowdrag=&true&&
& && && && &&div id=&editServerManageform& class=&form&&
& && && && && & &input class=&mini-hidden& name=&ServerId& /&
& && && && && & &table style=&width: 410px&&
& && && && && && &&&&tr&
& && && && && && && && &&td style=&width: 100 text-align:&&
& && && && && && && && && & 服务器名称：
& && && && && && && && &&/td&
& && && && && && && && &&td style=&width: 300&&
& && && && && && && && && & &input name=&ServerName& width=&300& class=&mini-textbox& /&
& && && && && && && && &&/td&
& && && && && && &&&&/tr&
& && && && && && &&&&tr&
& && && && && && && && &&td style=&width: 100 margin-top: 10 text-align:&&
& && && && && && && && && & 服务器IP：
& && && && && && && && &&/td&
& && && && && && && && &&td style=&width: 300 margin-top: 10&&
& && && && && && && && && & &input name=&ServerIp& id=&txtServerIP& width=&300& class=&mini-textbox& onvalidation=&onvalidateIpAddress& /&
& && && && && && && && &&/td&
& && && && && && &&&&/tr&
& && && && && && &&&&tr&
& && && && && && && && &&td style=&width: 100 margin-top: 10 text-align:&&
& && && && && && && && && & 服务器说明：
& && && && && && && && &&/td&
& && && && && && && && &&td style=&width: 300 margin-top: 10&&
& && && && && && && && && & &input name=&ServerDesc& width=&300& id=&txtUserDescription& required=&true& requirederrortext=&服务器说明不能为空&
& && && && && && && && && && &&&class=&mini-textarea& /&
& && && && && && && && &&/td&
& && && && && && &&&&/tr&
& && && && && && &&&&tr&
& && && && && && && && &&td style=&text-align: padding-top: 5 padding-right: 20& colspan=&2&&
& && && && && && && && && & &a class=&mini-button& iconcls=&icon-add& onclick=&SaveServerManage&&保存&/a& &a class=&mini-button&
& && && && && && && && && && &&&iconcls=&icon-cancel& onclick=&CanncelSaveServerManage&&取消&/a&
& && && && && && && && &&/td&
& && && && && && &&&&/tr&
& && && && && & &/table&
& && && && &&/div&
& && &&&&/div&
& & &/div&
& & &script type=&text/javascript&&
& && &&&mini.parse();
& && &&&var grid = mini.get(&datagrid1&);
& && &&&var editWindow = mini.get(&editServerManage&);
& && &&&var cmdType = &AddServer&;
& && &&&grid.load();
& && &&&function SearchServerManage() {
& && && && &var txtSearchKey = mini.get(&txtSearchServerIp&);
& && && && &var key = txtSearchKey.getValue();
& && && && &grid.load({ key: key });
& && &&&//验证
& && &&&function onvalidateIpAddress(e) {
& && && && &
& && && && &if (e.isValid) {
& && && && && & var reg = /^(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9])\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[0-9])$/;
& && && && && & if (!reg.test(e.value)) {
& && && && && && &&&e.errorText = &Ip格式输入错误!&;
& && && && && && &&&e.isValid =
& && && && && & }
& && && && &}
& && &&&//加载列表格的时候
& && &&&function onActionRendererUserManage(e) {
& && && && &var grid = e.
& && && && &var record = e.
& && && && &var uid = record._
& && && && &var rowIndex = e.rowI
& && && && &//&img src=&../JS/scripts/miniui/themes/icons/edit.gif& /&
& && && && &var s = '&a onclick=&editSingleServer(\'' + uid + '\');& style=&cursor:&&&img src=&../JS/scripts/miniui/themes/icons/edit.gif&/&修改&/a&&&&&'
& && && && && && &&&+ '&a onclick=&DeleteSingleServer(\'' + uid + '\')& style=&cursor:&&&img src=&../JS/scripts/miniui/themes/icons/cancel.gif&/&删除&/a&';
& && && && &
& && &&&function DeleteSingleServer(row_id) {
& && && && &mini.confirm(&确定删除(删除后将不能恢复)?&, &确定?&, function (action) {
& && && && && & if (action == &ok&) {
& && && && && && &&&var row = grid.getRowByUID(row_uid);
& && && && && && &&&if (row) {
& && && && && && && && &var serverId = row.ServerId;
& && && && && && && && &$.ajax({
& && && && && && && && && & url: &../Handle/ServerManage.aspx?Method=DeleteSingleServer&,
& && && && && && && && && & type: &post&,
& && && && && && && && && & cache: &false&,
& && && && && && && && && & dataType: &text&,
& && && && && && && && && & data: { &ServerId&: serverId },
& && && && && && && && && & success: function (msg) {
& && && && && && && && && & }
& && && && && && && && &});
& && && && && && &&&}
& && && && && & }
& && && && &});
& && &&&//修改单个
& && &&&function editSingleServer(row_id) {
& && && && &var row = grid.getRowByUID(row_id);
& && && && &if (row) {
& && && && && & editWindow.show();
& && && && && & var form = new mini.Form(&#editServerManageform&);
& && && && && & form.loading();
& && && && && & form.setData(row);
& && && && && & form.unmask();
& && && && && & cmdType = &UpdateServer&;
& && && && &}
& && &&&//新增服务器
& && &&&function AddServerManage() {
& && && && &editWindow.show();
& && && && &var form = new mini.Form(&#editServerManageform&);
& && && && &form.clear();
& && && && &cmdType = &AddServer&;
& && &&&function CanncelSaveServerManage() {
& && && && &mini.confirm(&确定取消保存(取消保存后将不能恢复)?&, &确定?&, function (action) {
& && && && && & if (action == &ok&) {
& && && && && && &&&editWindow.hide();
& && && && && & }
& && && && &});
& && &&&//保存服务器信息
& && &&&function SaveServerManage() {
& && && && &var form = new mini.Form(&#editServerManageform&);
& && && && &form.validate();
& && && && &if (form.validate() == false) {
& && && && && &
& && && && &}
& && && && &mini.confirm(&确定保存?&, &确定?&, function (action) {
& && && && && & if (action == &ok&) {
& && && && && && &&&var obj = form.getData();
& && && && && && &&&var jsona = mini.encode([obj]);
& && && && && && &&&var json = $.parseJSON(jsona);
& && && && && && &&&grid.loading(&保存中,请稍后...&);
& && && && && && &&&$.ajax({
& && && && && && && && &url: &../Handle/ServerManage.aspx?Method=& + cmdType,
& && && && && && && && &type: &post&,
& && && && && && && && &cache: &false&,
& && && && && && && && &dataType: &text&,
& && && && && && && && &data: {
& && && && && && && && && & &ServerId&: json[0].ServerId,
& && && && && && && && && & &ServerName&: json[0].ServerName,
& && && && && && && && && & &ServerIp&: json[0].ServerIp,
& && && && && && && && && & &ServerDesc&: json[0].ServerDesc
& && && && && && && && &},
& && && && && && && && &success: function (msg) {
& && && && && && && && && & if (msg == 1) {
& && && && && && && && && && &&&mini.alert(&保存成功!&);
& && && && && && && && && && &&&grid.load();
& && && && && && && && && & }
& && && && && && && && && & else {
& && && && && && && && && && &&&mini.alert(&保存失败&);
& && && && && && && && && && &&&grid.load();
& && && && && && && && && & }
& && && && && && && && &}
& && && && && && &&&});
& && && && && & }
& && && && &}
& && && && &);
& & &/script&
这是我一整个页面的代码，怎么试都不行...&&这个是点修改，然后弹出修改框，修改完之后，再点保存的时候是&&获取不到值，要么就是获取到的&&还是 原来 没修改的值，不知道是不是哪弄错了，感觉很奇怪
Powered by编程（98）
记录一下：
在写一个input赋值，二话不说就直接利用了$('#xx').val()来进行取值和赋值，取值ok，赋值后利用alert显示正确，但是在html上并没有正确的显示出来，后来改为使用如下代码就可以正确的在页面上显示了：
$(&#Slider6&).attr(&value&, fromValue+&;&+timeTo);
而不是使用$(&#。。“).val(value)来进行赋值就可以了。
有了解原因的朋友可以指教一下，我现在只能先记住了。
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：393558次
积分：5339
积分：5339
排名：第3778名
原创：126篇
转载：181篇
评论：64条
(3)(1)(5)(1)(5)(13)(1)(12)(4)(9)(7)(1)(5)(9)(10)(2)(4)(1)(9)(1)(1)(4)(2)(2)(5)(3)(4)(5)(2)(17)(9)(7)(2)(3)(10)(4)(4)(1)(17)(6)(8)(5)(6)(4)(1)(2)(26)(5)(1)(9)(13)(6)(15)一、窗体对话框
&div id="WinData" class="easyui-dialog" style="width:265height:170padding:15px" closed="true" iconCls="icon-app" title="单位资料维护"
minimizable="true" maximizable="true" resizable="true"
buttons="#WinData-buttons"&
&form id="fm" method="post" novalidate&
&div class="fitem"&
&label&单位编号：&/label&
&input name="dwbh" style="width:150px"&
&div class="fitem"&
&label&单位名称：&/label&
&input name="dwmch" style="width:150px"&
&div class="fitem"&
&label&备 注：&/label&
&input name="beizhu" style="width:150px"&
&div id="WinData-buttons"&
&a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok" onclick="SaveData()"&保 存&/a&
&a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#WinData').dialog('close')"&取 消&/a&
2、设置函数
function InitControl() {
$.get('../Source/maxbh.ashx', { "action": "maxbh", "tbName": "dwdoc", "fldName": "dwbh" }, function (result) {
var result = eval('(' + result + ')');
if (result.success) {
var frm = $('#fm');
var name = "dwbh";
SetInputValue(frm, name, result.maxbh);
var names = "dwmch,beizhu";
SetInputEmpty(frm, names);
AlterError("系统初始化失败！");
1 function SetInputEmpty(frm, Names) {
var Arr = Names.split(",");
for (var i = 0; i & Arr. i++) {
var name = Arr[i];
var txt = frm.find("input[name=\"" + name + "\"]");
txt.val("");
10 function SetInputValue(frm, Name, Value) {
var txt = frm.find("input[name=\"" + Name + "\"]");
txt.val(Value);
//txt[0].value =
阅读(...) 评论()(转)input标签，输入内容后默认值消失实现方法(html5方法，JS方法，JQuery方法)
原文地址：
标签又是表单中最常见的。在较早的一些网站中，用户名和密码的输入框一般是这种效果：
如今这样的效果已经不多见了，取之而来的是以下这种更为简洁，美观的效果
当文本框内输入内容时，底部的“邮箱/手机号”会消失，清空内容后又会出现。
实现这种功能的方法很多，但是有复杂也有简单的。比如花瓣网()的登录，其实是用了三个input覆盖在了一起来显示不同的状态。下面讲讲我在wordcard项目中使用的方法以及总结的经验。
!supportLists]--&1、&!--[endif]--&使用HTML 5属性
HTML 5对input标签增加了一系列的属性，因为wordcard采用html5标准开发，所以我直接使用了这个属性placeholder
&input id="username" type="text"
placeholder="用户名" &
效果就是没有任何输入时显示“用户名”，有输入是“用户名”消失。
使用JavaScript方法
并不是所有的浏览器都支持HTML 5属性，所以还要有大众化的实现方法，以下是用JS实现的：
&input type="text"
value="用户名" class="gray"
onclick="if(this.value=='用户名'){this.value='';this.className='black'}"
onblur="if(this.value=='') {this.value='用户名';this.className='gray'}"
相关CSS属性：
color:#000;
color:#b3b3b3;
也可以把JS单独写在一个文件里到一调用函数，这里就不多此一举了。这个方法虽然好用，但是蛋疼的是，input标签的type属性的值如果是password的话，那么即时设定了初始值为“密码”，但是在浏览器中也会显示为两个星号，这也就是花瓣网为什么用三个input来实现的原因。
!supportLists]--&3、&!--[endif]--&使用JQuery方法实现各种type
之前说到用JS无法让type为password的input标签实现，下面的JQuery方法完美的解决了这个问题，也是我最推荐的方法。
注意：JQuery文件请自己下载并引用
相关html代码如下：
& !DOCTYPE HTML&
&head&&script
src="jquery-
1.7.2.min.js"
type="text/javascript"&&/script&
&script src="aresn.js"
type="text/javascript"&&/script&
&input type="text" id="username"
class="userText" /&
&input type="password" id="password"
class="passText" /&
相关CSS如下：
.userText {
background:url(username.jpg) no-
.passText{
background:url(password.jpg) no-
widows:100
aresn.js相关代码如下：
$(document).ready(function()
var userNameNode = $("#username");
userNameNode.keyup(function(){
var value = userNameNode.val();
(value == "") {
userNameNode.addClass("userText");
userNameNode.removeClass("userText");
$(document).ready(function() {
var userNamePass = $("#password");
userNamePass.keyup(function(){
var value = userNamePass.val();
(value == "") {
userNamePass.addClass("passText");
userNamePass.removeClass("passText");
用到的username.jpg和password.jpg就是要在底部显示的图片，比如
具体的表单样式和图片可以根据需要自定义，这里就不多罗嗦了。当然，以上只是我总结的几种好用的方法，还有其他的方法就不在此多说了。
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。> jquery交付表单,获取不到表单的内容,获取不到input的值
jquery交付表单,获取不到表单的内容,获取不到input的值
shirley79 & &
发布时间： & &
浏览：19 & &
回复：0 & &
悬赏：0.0希赛币
jquery提交表单,获取不到表单的内容,获取不到input的值我最近在写一个简单的工作流,涉及到一个流程就是先设计表单,然后人员填单后提交,
我的思路是,先设计表单,然后吧表单填充好之后,整个页面的表单html进行整体提交保存.
但是遇到了一个奇怪的是问题,发现很多表单提交到后台之后,表单在,内容不在.测试发现一些浏览器好用,一些不好用
IE9在提交的时候,可以把原来的html和input里面的值都提交过去,
chrom则只能获取到原本的html,获取不到input里面的值,
请问我该怎么解决.
　　&!DOCTYPE&html&PUBLIC&"-//W3C//DTD&XHTML&1.0&Transitional//EN"&""&
&html&xmlns=""&
&&&&&title&表单编辑&&/title&
&&&&&script&src=""&type="text/javascript"$>$/script&
&&&&&script&language="javascript"&type="text/javascript"&
&&&&&&&&function&Button1_onclick()&{
&&&&&&&&&&&&saveForm2(".content");
&&&&&&&&function&saveForm2(contentCss)&{
&&&&&&&&&&&&inputList&=&$("input");
&&&&&&&&&&&&for&(var&item&=&0;&item&$<$inputList.&item++)&{
&&&&&&&&&&&&&&&&inputList.eq(item).val(inputList.eq(item).val());
&&&&&&&&&&&&}
&&&&&&&&&&&&inputList&=&$("input:checked")
&&&&&&&&&&&&for&(var&item&=&0;&item&$<$inputList.&item++)&{
&&&&&&&&&&&&&&&&inputList.eq(item).attr("checked",&"checked");
&&&&&&&&&&&&}
&&&&&&&&&&&&var&postData&=&{&"type":&"add"&};
&&&&&&&&&&&&postData.value&=&&escape($(contentCss).html());
&&&&&&&&&&&&alert(postData.value);&//&John&
//&&&&&&&&$.post(
//&&&&serviceUrl
//&&&&,&postData
//&&&&,&function&(data)&{
//&&&&&&&&alert("保存成功");&//&John&
//&&&,&"json");
&&&&&&&&}&
&&&&&/script&
&&&&&form&name="form1"&method="post"&action="editForm.aspx"&id="form1"&
&&&&&/div&
&&&&&div&class="control"&&
&&&&&&&&&input&id="Button1"&type="button"&value="保存表单"&onclick="return&Button1_onclick()"&/&
&&&&&/div&
&&&&&div&id="divContent"&class="content"&&
&&&&&&&&&table&border="1"&cellpadding="1"&cellspacing="1"&&
&&&&&&&&&&&&&tbody&
&&&&&&&&&&&&&&&&&tr&
&&&&&&&&&&&&&&&&&&&&&td&
&&&&&&&&&&&&&&&&&&&&&&&&&input&type="text"&
&&&&&&&&&&&&&&&&&&&&&/td&
&&&&&&&&&&&&&&&&&&&&&td&
&&&&&&&&&&&&&&&&&&&&&&&&&input&type="radio"&value="on"&&&
&&&&&&&&&&&&&&&&&&&&&/td&
&&&&&&&&&&&&&&&&&&&&&td&
&&&&&&&&&&&&&&&&&&&&&&&&&input&type="checkbox"&value="on"&&&
&&&&&&&&&&&&&&&&&&&&&/td&
&&&&&&&&&&&&&&&&&&&&&td&
&&&&&&&&&&&&&&&&&&&&&&&&&select&
&&&&&&&&&&&&&&&&&&&&&&&&&/select&
本问题标题：
本问题地址：
温馨提示：本问题已经关闭，不能解答。
暂无合适的专家
&&&&&&&&&&&&&&&
希赛网 版权所有 & &&