hello, and thanks in advance for your support.
I need to create a PWA. question is: is this mobile framework capable of doing this? will it work?
I'm a little confuse about is, so any help will be useful.
thanks again,

hello and thanks in advance for your support.
I've seen the extension:
// extend the 'equals' rule
$.extend($.fn.validatebox.defaults.rules, {
    equals: {
        validator: function(value,param){
            return value == $(param[0]).val();
        },
        message: 'Field do not match.'
    }
});
used to validate field a equals to field B. I need to make some change, I need to check if one specific field is equal to field B or field C, any of them return true.
example, lets pretend field fruits and need to validate with orange and apple. both orange an apple are input types hidden. any idea? regards,

hello, and thanks in advance for your support.
I have 2 field numbers:
<input class="easyui-numberbox" id="bet" name="bet" value="">
<input class="easyui-numberbox" id="price" name="price" value="" validType="greaterThan['#bet']">
I need to extend the validate box to check than price is greater than bet.
That's what I'm doing:
$.extend($.fn.validatebox.defaults.rules, {
    greaterThan: {
        validator: function(value,param){
            return number(value) > number($(param[0]).val());
        },
        message: 'Price must be greater than bet.'
    }
});
not working.
what's wrong?

hello and thanks everybody for your support.
I have one form with 2 datetimebox: fechainicio and fechafin
how can I validate the second date time is greater than the first one (future datetime)?
will be waiting for your answer,
regards,

hello everybody and thanks in advance for your support.
I need to unselect one clicked button,
I'm using:
$('#btn').linkbutton('unselect');
but it doesn't work.
any ideas?
regards,

hello everybody, and thanks in advance for your support.
I need to validate one credit card number (luhn algorithm).
I want to use validatebox component.
any help will be appreciated,
regards, and merry christmas..!.

thanks stworthy, your solution works like a charm !.
just to know, what's wrong whit this code..?
$(function(){
       $('#notes').textbox('textbox').css('text-transform','uppercase');
});
why is not working...?
just to learn....
thanks again,

hello and thanks in advance for supporting me.
I'm trying to get one textbox with only upper text, so each time the user types "a" the textbox capitalize to "A", so if the user types "hello" it will see "HELLO".
I'm trying to make it work using formatter function, without results.
here's my code:
<input class="easyui-textbox" id="notes" name="notes" label="Notes:" labelAlign="right" data-options="prompt:'input your notes',formatter:function(value, row){return value.toUpperCase();}" style="width:340px">
also try with:
$(function(){
       $('#notes').textbox('textbox').css('text-transform','uppercase');
});
still without working....
any idea...?
thanks again,

hello everybody and thanks in advance for your support.
I have the following data grid:
    <table class="easyui-datagrid" id="dg-history" name="dg-history" title="xx" data-options="pagination:false,singleSelect:true,url:'ajaxCommander.php?action=getCardLog'">
        <thead>
            <tr>
                <th data-options="field:'cards_log_ta',width:150" align="center"><?php echo $textows[97];?></th>
                <th data-options="field:'cards_state_text',width:130" align="center"><?php echo $textows[73];?></th>
                <th data-options="field:'operators_uname',width:150" align="left"><?php echo $textows[71];?></th>
            </tr>
        </thead>
    </table>

the question is: how can I prevent the yellow row selection when user clicks in the row or cell? I mean, I want when click inside the datagrid do nothing....
thanks again,

thanks for your reply, i'm not sure about it because I've try different code without success.
can you please post here the exact way to set the title and the custom icons for the panels once created in another page?
thanks again,

I have one main.php page with regions:

<div id="p_north" data-options="region:'north',href:'_homeNorth.php'" style="height:80px"></div>
<div id="p_south" data-options="region:'south',collapsible:false,loadingMessage:'',href:'_homeSouth.php'" style="height:30px;"></div>
<div id="p_central" data-options="region:'center',title:'Main Title',loadingMessage:'',href:'_homeCentral.php'"></div>

sometimes, in p_central region, when modify the p_central panel title, causes the region reloads over and over again indefinitely.
the code used is:
$('#p_central').panel('setTitle', 'my New Title');
any idea...?
thanks in advance,

additional notes:
think I've discovered something new about it:
if I try to set 2 things simultaneously on the panel the problem occurs more frequently:
$('#p_central').panel({
   title: 'zz',
   tools:[{
        iconCls:'icon-next',
        handler:function(){alert('next');}
    },{
        iconCls:'icon-blank',
        handler:function(){alert('blank')}
    }]
})

hello, and thanks in advance for your support.
I have one panel, with custom tools.
just to separate each icon, I'm adding a blank.png icon to create a custom space between then.
the problem is in the blank icon, the mouse cursor change it's pointer to hand pointer, according to links cursor.
my code is:
$('#p').panel({
    tools:[{iconCls:'icon-prev',handler:function(){previousPage();}
    },{iconCls:'icon-blank',css:('cursor','default') --------------> that's the idea but is not working
   },{iconCls:'icon-next',handler:function(){submitForm();}
    },{iconCls:'icon-blank'
    }]
});
how can I set the css cursor for this panel tool?
thanks for your suggestions,

dear Jarry,  you are right !.
after 20 hours of code writing, I better go to sleep,
thanks again for your support.

jarry, thanks again for your intervention.
unfortunately the code you provided doesn't work.
I don't know where the problem is, I've put the code online just to let you check it.
please try the following url: https://neron.telegram.press/test_1.php
the idea is to check the process: if the date fields are empty you will see the red color in the fields.
if the second date is before the first date, the red color doesn't show (the event is not fired).
the complete code of the test_1.php is as follows:
#################
<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="easyui/themes/demo.css">
<script type="text/javascript" src="easyui/jquery.min.js"></script>
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>

<center>
<form method="post" name="mainForm" id="mainForm" accept-charset="UTF-8"> 
    <div style="margin:20px 0;"></div>
    <div class="easyui-panel" style="width:100%;max-width:800px;padding:30px 60px;">
      <table width="100%" border="0">

      <tr>
          <td valign="middle" align="center">
            <div style="margin-bottom:20px">
                <input class="easyui-datebox" label="dateFrom:" labelPosition="top" style="width:200px;" id="evalFrom" name="evalFrom" required data-options="formatter:myformatter,parser:myparser,editable:false,required:true">
            </div>
        </td>
        </tr>

      <tr>
          <td valign="middle" align="center">
            <div style="margin-bottom:20px">
                <input class="easyui-datebox" label="dateTo:" labelPosition="top" style="width:200px;" id="evalTo" name="evalTo" data-options="formatter:myformatter,parser:myparser,editable:false,required:true,validType:'greaterThan[\'#evalFrom\']'">
            </div>
        </td>
        </tr>
            
     </table>
    
    </div>
    <br />
      
   <table width="100%" border="0">
     <tr>
      <td width="60%">&nbsp;</td>
      <td width="40%"><a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()" style="width:80px">Submit</a></td>
     </tr>
   </table>

</form>
</center>
<script>
function myformatter(date){
   var y = date.getFullYear();
   var m = date.getMonth()+1;
   var d = date.getDate();
   return y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+d):d);
}
function myparser(s){
   if (!s) return new Date();
   var ss = (s.split('-'));
   var y = parseInt(ss[0],10);
   var m = parseInt(ss[1],10);
   var d = parseInt(ss[2],10);
   if (!isNaN(y) && !isNaN(m) && !isNaN(d)){
      return new Date(y,m-1,d);
   } else {
      return new Date();
   }
}
function submitForm(){
   $('#mainForm').attr('action', 'test_2.php');
   $('#mainForm').form('submit');
}
</script>

hello jarry and thanks for your reply.
I've already try the example you show me, but is not working.
I know your example works, but the problem seems to be in my code, since I'm using options: "formatter:myformatter,parser:myparser" to format the dates in format "YYYY-MM-DD".
should I make some modification to your example provided to understand the "YYYY-MM-DD" format in both date fields?
thanks again for your support,