easyui-textbox 和 easyui-validatebox 设置值和获取值

表单作如下定义:该input使用easyui的"easyui-textbox"

1 <input id="addSnumber" style="width: 200px; height: 30px;" class="easyui-textbox" type="text" name="snumber" data-options="required:true, missingMessage:‘请输入学号‘" />

设置值的方式:

 1 //使用表单选择器:代码似乎是有异常的
 2 //$("input[name=‘snumber‘]").textbox(‘setValue‘, "22012");
 3 //使用表单选择器:代码没有异常 但不能为input设置值
 4 //$("input[name=‘snumber‘]").val("22012");
 5 //使用id选择器:不能设置值
 6 //$("#addSnumber").val("22012");
 7 //使用id选择器:可以设置值
 8 $("#addSnumber").textbox(‘setValue‘, "22012");
 9 //使用id选择器和setText:可以设置值
10 $("#addSnumber").textbox(‘setText‘, "22012");

所以:为text-box设置值只能使用id选择器选择表单元素,然后使用textbox("setValue", value); 的方式设置值;

获取值也是如此:

1  var snumber = $("#addSnumber").textbox(‘getValue‘);

easyui-validatebox的设置值或获取值的方式又有点不一样

表单作如下定义:

1 <input id="addSnumber" style="width: 200px; height: 30px;" class="easyui-validatebox" type="text" name="snumber" data-options="required:true, missingMessage:‘请输入学号‘" />

获取值的方式:

 1 //这种方式是可以设置值的
 2 //$("#addSnumber").val("22015");
 3 //可以设置值
 4 //$("input[name=snumber]").val("22015");
 5 //不能设置值,且语法不对有异常
 6 //$("input[name=snumber]").textbox("setValue", "22015");
 7 //不能设置值,且语法不对有异常
 8 //$("input[name=snumber]").textbox("setText", "22015");
 9 //不能设置值,且语法不对有异常
10 //$("#addSnumber").textbox("setvalue", "22015");

所以:validatebox只能用$().val()方式设置和获取值,选择器既可以用id选择器,也可以用表单选择器

总结:表单元素使用easyui时,textbox和validatebox设置值和获取值的方式不一样

  为text-box设置值只能使用id选择器选择表单元素,只能使用textbox("setValue", value) 或 textbox("seText", value) 的方式设置值,使用textbox("getValue") 或textbox("getText") 获取值;

  为validatebox设置值可以使用id选择器和表单选择器,只能使用val()获取值和设置值。

时间: 2024-09-30 20:09:22

easyui-textbox 和 easyui-validatebox 设置值和获取值的相关文章

easyUI validatebox设置值和获取值,以及属性和方法

一:表单元素使用easyui时,textbox和validatebox设置值和获取值的方式不一样[转] 1.为text-box设置值只能使用id选择器选择表单元素,只能使用textbox("setValue", value) 方式设置值,使用textbox("getValue")  获取值: 例如:var snumber = $("#addSnumber").textbox('getValue'); $("#addSnumber&quo

js 探究设置值与获取值是否相同

jquery 的获取与设置说完了,再来探究一下纯 js 的设置,是否也会出现此类情况,就知道大致是什么出现的问题了: <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <style> #d1 { position: absolute; } </style> </head> <body> <div id='d1'></div> <

JAVA 获取字符串的长度,链接字符串,获取字符串索引位置的值,获取值的索引位置

package Code503; public class CodeStringGet { public static void main(String[] args) { //获取字符串的长度 int length = "huanduchenyu".length(); System.out.println("字符串的长度为:"+length); String str1="欢都"; String str2="辰玉"; //链接

Dataset定义值,赋予值---并获取值

DataSet ds = new DataSet();//创建DataSet DataTable dt = new DataTable("Table");//创建一个名为Table的DataTalbe dt.Columns.Add(new DataColumn("id", typeof(int)));//为dt_dry表内建立Column        dt.Columns.Add(new DataColumn("name", typeof(st

easyui textbox 赋值

$('#fireInfo').textbox('setValue', tempData.fireInfo); $('#fireStartTime').datetimebox('setValue', timeStamp2String(tempData.fireStartTime)); 总结:表单元素使用easyui时,textbox和validatebox设置值和获取值的方式不一样 为text-box设置值只能使用id选择器选择表单元素,只能使用textbox("setValue", v

easyui textbox 设置只读不可编辑状态

在使用easyul的时候,发现输入框内容及不容易获取与设置,用jQuery的方式大部分失效.依稀记得好像是因为easyul会在原页面的基础上,生成了一些新的独有样式,并且暂时覆盖掉使用了easyul的标签块.  具体我也忘记了,反正知道有这么会事就可以啦, --输入框 $("#xx").textbox('setValue','value');  //设置输入框的值 $('#xx').textbox('textbox').attr('readonly',true);  //设置输入框为禁

easyui 自定义验证,动态设置提示信息

//自定义验证规则 名称为name //$.fn.validatebox.defaults.rules.name.message 动态自定义提示内容 $.extend($.fn.validatebox.defaults.rules, { name: { validator: function (value, param) { var error=false;; if(!/^\S{4,25}$/.test(value)){ //4-25验证 $.fn.validatebox.defaults.ru

EasyUI TextBox的keypress

关于EasyUI TextBox的事件好像不多,像keypress,keydown在textbox的事件里都没有,所以要用这些事件要采取一些特殊的方法,今天用到了这些就记录一下,有两种方法, 第一种: 1 $('#txtPwd').textbox({ 2 inputEvents: $.extend({}, $.fn.textbox.defaults.inputEvents, { 3 keypress: function (e) { 4 if (e.keyCode == 13) { 5 UserL

EasyUI TextBox的onkeypress事件

关于EasyUI TextBox的事件好像不多,像keypress,keydown在textbox的事件里都没有,所以要用这些事件要采取一些特殊的方法,今天用到了这些就记录一下,有两种方法 方法1: var t = $('#txtPwd'); t.textbox('textbox').bind('keypress', function (e) { if (e.keyCode == 13) { // when press ENTER key, accept the inputed value. /