jquery-esayui的input框常用属性

最新推荐文章于 2024-11-09 09:12:34 发布

特李谱

最新推荐文章于 2024-11-09 09:12:34 发布

阅读量744

点赞数

分类专栏： java esayui 文章标签： esayui项目

java 同时被 2 个专栏收录

67 篇文章

订阅专栏

esayui

2 篇文章

订阅专栏

本文介绍了一个使用EasyUI框架配置表单元素的具体示例，包括输入框的必填验证、数字输入限制、字符串长度限制及单选按钮的默认选中状态设置等关键配置。

<table class="tableForm">
    <tr>
     <td style="text-align:right;">手机号</td>
        <td colspan="2">
          <input type="text" name="phone"  class="easyui-numberbox" data-options="required:true"  maxlength="11"/>
        </td>
    </tr>
    <tr>
    </tr>
    <tr>
         <td style="text-align:right;">名称</td>
        <td colspan="3">
            <input  type="text"  name="name" class="easyui-validatebox" data-options="required:true" maxlength="15"/>
        </td>
    </tr>

    <tr>
        <td style="text-align:right;">日报开关</td>
        <td style="text-align:left">
            <span class="radioSpan">
                <input type="radio" name="sendSwitch" value="0" checked="checked">开</input>
                <input type="radio" name="sendSwitch" value="1">关</input>
            </span>
        </td>
    </tr>
    <tr>
        <td style="text-align:right;">计费开关</td>
        <td style="text-align:left">
            <span class="radioSpan">
                <input type="radio" name="chargingsendswitch" value="0" checked="checked">开</input>
                <input type="radio" name="chargingsendswitch" value="1">关</input>
            </span>
        </td>
    </tr>

</table>

不能为空:data-options=”required:true”
只能写数字:class=”easyui-numberbox”
什么都可以写:class=”easyui-validatebox”
限制内容长度:maxlength=”15”
刚进入页面单选按钮默认选中其中一个:

<input type="radio" name="sendSwitch" value="0" checked="checked">开</input>
<input type="radio" name="sendSwitch" value="1">关</input>

回显时值是什么就选中哪个:

<input type="radio"  name="sendSwitch" value="0" ${dailyList.sendSwitch=='0'?'checked':'' }/>开
<input type="radio"  name="sendSwitch" value="1" ${dailyList.sendSwitch=='1'?'checked':'' }/>关