在jQuery验证或者更新时,显示消息

分享于 

5分钟阅读

Web开发

  繁體 雙語

原来的帖子可以在这里找到,这里是

简介/目录

由于限制时间,同步不能在多个博客文章中保证。 在以下地址中,你可以查看电子邮件内容,希望你了解:

下载示例:JQueryElementDemo-en.zip,该目录为 /repeater/Default.aspx。

本文将详细解释如何在 Repeater 中提示消息,如下载数据,字段内容不满足需求,目录如下:

准备

请查看 prepare prepare的准备部分 Grasp Grasp ASP.NET jQuery Repeater Repeater。

设置 TipTemplate

如果希望 Repeater 显示某些消息,你首先需要设置 TipTemplate 模板:

<TipTemplate><tr><tdcolspan="6"class="tip"> @{tip,(++tipCount).toString() + ' :' + @}
 </td></tr></TipTemplate>

在代码中,使用 * `@{<attribute name>[,<attribute expression>]}` * 要绑定属性提示,提示是你需要显示的文本。 除了 # 表明字段和 @ 表示该属性,而且表示在 jQuery Repeater中使用绑定和处理JSON字段,这与绑定字段相似。 提示的内容可能来自 showtip 方法也可能来自 FieldMask 属性。

方法 showtip

用户 <repeater variable>.__repeater('showtip', '<message>') 要在 Repeater 中显示消息,请执行以下操作:

<je:RepeaterID="orderList"runat="server"...Filled="function(pe, e){
 orderList.__repeater('showtip', e.custom.message);
}
"PreUpdate="function(pe, e){
 orderList.__repeater('showtip', 'Submit data...');
}
"Updated="function(pe, e){
 if(e.issuccess)
 orderList.__repeater('showtip',
 'Has saved order which id is ' + e.row.id.toString() +
 ' and sum is ' + e.row.sum.toString());
 else
 orderList.__repeater('showtip',
 'Fail to save order which id is ' + e.row.id.toString());
}
"PreInsert="function(pe, e){
 orderList.__repeater('showtip', 'Submit data...');
}
"Inserted="function(pe, e){
 if(e.issuccess)
 orderList.__repeater('showtip',
 'Has created order which id is ' + e.row.id.toString() +
 ' and sum is ' + e.row.sum.toString());
 else
 orderList.__repeater('showtip',
 'Fail to create order which id is ' + e.row.id.toString());
}
"></je:Repeater>

在示例 上面 中,调用 showtip 方法,将 string 传递给显示,但在 Filled 属性中传递 e.custom.message,这是从服务器返回的消息。

属性 FieldMask

FieldMask 用于验证字段,但因为 FieldMask 包含错误信息,因此当存在验证错误时,Repeater 将显示错误消息:

<scripttype="text/javascript"> var mask = {
 amount: {
 type: 'number',
 need: true,
 max: 10,
 min: 1,
 tip: 'Amount required between 1-10'
 },
 price: {
 type: 'number',
 need: true,
 max: 10000,
 min: 1000,
 tip: {
 type: 'Please input a number for price',
 need: 'Please input price',
 max: 'Price cannot exceed 10,000',
 min: 'Price cannot be less than 1000'
 }
 },
 buyer: {
 type: 'string',
 need: true,
 max: 10,
 min: 3,
 tip: 'Length of buyer required between 3-10'
 },
 address: {
 type: 'string',
 min: 1,
 max: 100,
 tip: 'Length of buyer required between 1-100'
 },
 orderdate: {
 type: 'date',
 tip: 'Need a valid date'
 },
 iscompleted: {
 type: 'boolean',
 defaultvalue: false
 }
 };</script><je:RepeaterID="orderList"runat="server"...FieldMask="mask"...></je:Repeater>

代码中,FieldMask 被指派为变量掩码,掩码包含验证规则,你可以参考字段设置部分获取 30分钟的jQuery Repeater。

提示在掩码中可以是 string 或者包含更详细消息的object

消息由 Repeater 自动完成,如果设置了有效的TipTemplate

消息的及时性

如果要显示新消息或者 Repeater 重新绑定数据,则将替换或者隐藏原始邮件。 编辑一行,跳转到下一页,调用 fill 方法给 Repeater 重新绑定数据。

评论


rep  显示  Message  validate  
相关文章