欧芹验证-带更新面板的ASP.NET表单
我正在开发传统的asp.net web表单应用程序。我正在升级一个现有表单，使其具有新的视觉样式，并使用欧芹验证 我们以前使用过webforms验证控件，但我们升级到了parsley，因为它提供了更好的用户体验，并且允许在验证失败时对正在验证的控件进行样式化（在我们的示例中，将红十字图形作为输入框的背景） 该表单有一个更新面板，用于邮政编码/地址查找。用户输入他们的邮政编码，然后单击“查找地址”按钮，这将触发更新面板中的回发。。我已经能够将两个表单部分（主表单验证和邮政编码输入）分开，这样用户在单击“查找地址”（使用输入框和按钮上的data parsley group=“postcode”）时只会被提示完成邮政编码。我向按钮添加了onclient click事件，以在触发按钮的onClick事件之前触发验证。请参阅下面的代码片段欧芹验证-带更新面板的ASP.NET表单,asp.net,webforms,parsley.js,Asp.net,Webforms,Parsley.js,我正在开发传统的asp.net web表单应用程序。我正在升级一个现有表单，使其具有新的视觉样式，并使用欧芹验证 我们以前使用过webforms验证控件，但我们升级到了parsley，因为它提供了更好的用户体验，并且允许在验证失败时对正在验证的控件进行样式化（在我们的示例中，将红十字图形作为输入框的背景） 该表单有一个更新面板，用于邮政编码/地址查找。用户输入他们的邮政编码，然后单击“查找地址”按钮，这将触发更新面板中的回发。。我已经能够将两个表单部分（主表单验证和邮政编码输入）分开，这样用户在
函数ValidatePostcode（）{
console.log（“do postcode validaiton”）；
if（true==$（'#aspnetForm'）。欧芹（“邮政编码”）。验证（“邮政编码”，true））{
var style='#accountRegisterContainer input.parsley-error{background:url（“”）；背景色：#ffffff；}#accountRegisterContainer select.parsley-error{background:url（“”）；背景色：#ffffff；}'；
$（“标题”）。追加（样式）；
返回true；
}
返回false；
}
函数页面加载（发送方，参数）{
$（“.parsley error”）.removeClass（“parsley error”）；
var style='#accountRegisterContainer input.parsley-error{背景：url（“/Images/parsley cross.png”）不重复右10px中心；；背景色：#ffffffff；}#accountRegisterContainer select.parsley-error{背景：url（“/Images/parsley tick.png”）不重复右10px中心；背景色：#ffffffff；}；
$（“标题”）。追加（样式）；
}