js 验证 radio 是否被选中 或 easyui-validatebox 验证

js 验证 radio 是否被选中 或 easyui-validatebox 验证,第1张

easyui  可以直接用

data-options="required:true"

做到这个功能

<td align="left">

<label>

<input type="radio" 

name="radio<s:property value="#itemCat.pnCatcode" />" 

class="easyui-validatebox" data-options="required:true"/>正常2

</label>

<label>

<input type="radio" data-options="required:true" name="radio<s:property value="#itemCat.pnCatcode" />"

class="easyui-validatebox"

<input type="radio" data-options="required:true" name="radio<s:property value="#itemCat.pnCatcode" />"

/>异常2

<input data-options="required:true" name="textfield17" type="textarea" class="input"

disabled="disabled"

id="text<s:property value="#itemCat.pnCatcode"/>"

id="textfield17" />

</label>

</td>

或者直接用

html5的

required

属性

<label>

<input type="radio" 

name="radio<s:property value="#itemCat.pnCatcode" />" 

class="easyui-validatebox" required="required"

/>正常2

</label>

你好!

修改源文件,可以做到这一点~

找到easyui.js中的

tip.css({display:"block",left:box.offset().left+box.outerWidth(),top:box.offset().top})

设置为你想要显示的位置即可。

--------------------------------------------------------------------------------------------

1.自定义一个类用于对应datagrid编辑的数据

public class Category

{

public int Id { getset}

public string Name { getset}

}

2.前台js提交

var _list = {}

var rows = $('#list_data').datagrid('getRows')

for (var i = 0i <rows.lengthi++) {

var row = rows[i]

_list["list[" + i + "].Id"] = rows[i].Id//这里list要和后台的参数名List<Category>list一样

_list["list[" + i + "].Name"] = rows[i].Name

}

$.ajax({

url: '/Admin/Category/SaveList',

data: _list,

dataType: "json",

type: "POST",

success: function (data) {

alert(data.rows + "," + data.result)

}

})

3.后台代码

public ActionResult SaveList(List<Category>list)

{

string result = ""

foreach (var m in list)

result += m.Name + ","

//供前台测试返回结果

return Json(new { rows = list.Count.ToString(), result = result })

}

4.在FireFox的Firebug显示post数据:

list[0].Id1

list[0].Nametest111

list[1].Id2

list[1].Nametest2

list[2].Id3

list[2].Nametest3


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/7982363.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-12
下一篇2023-04-12

发表评论

登录后才能评论

评论列表(0条)

    保存