客户端Jquery验证按钮在asp.net中单击
Client Side Jquery Validation on Button Click in asp.net?
我试图使用Jquery验证按钮点击字段,但问题是,事件和Jquery事件背后的代码似乎并行运行。
(更新)
<asp:Button ID="btnsave" runat="server" ClientIDMode="Static" OnClientClick="return clientFunction()" CssClass="ButtonText"
Text="SAVE" OnClick="btnsave_Click" />
客户端验证:
<script type="text/javascript">
function clientFunction() {
var isValid = true;
$('#txtsupplieruserid,#txtsuppliername,#txtbusinessemailid,#txtorganizationname,#txtphonenumber,#txtcity,#txtstate,#txtpostalcode,#txtaddress').each(function () {
if ($.trim($(this).val()) == '') {
isValid = false;
$(this).css({
"border": "1px solid red",
"background": "#FFCECE"
});
}
else {
$(this).css({
"border": "",
"background": ""
});
}
});
if (isValid == false) {
e.preventDefault();
return isValid;
}
else {
return isValid;
}
}
</script>
我想先通过Jquery验证,而不是去后面的代码,如果它通过客户端验证。我想使用Jquery而不是纯Javascript。
您可以使用OnClientClick
进行客户端验证,如果验证通过return true
,则使用return false
。如果返回true,则调用服务器端函数,否则不调用。
<asp:Button ID="btnsave" runat="server" ClientIDMode="Static" CssClass="ButtonText" Text="SAVE" OnClientClick="return clientFunction()" onclick="btnsave_Click" />
function clientFunction()
{
var isValid = true;
$('#txtsupplieruserid,#txtsuppliername,#txtbusinessemailid,#txtorganizationname,#txtphonenumber,#txtcity,#txtstate,#txtpostalcode,#txtaddress').each(function ()
{
if ($.trim($(this).val()) == '') {
isValid = false;
$(this).css({
"border": "1px solid red",
"background": "#FFCECE"
});
}
else {
$(this).css({
"border": "",
"background": ""
});
}
});
if (isValid == false) {
return false;
}
else {
return true;
}
}
如果您的控件是server controls
,那么您可能需要使用ClientIDMode="Static"
。所以它们的ID保持不变。
相关文章:
- ASP.NET通过单击JavaScript按钮触发c#事件
- 如何在ASP.NET中单击按钮后激活启动选项卡
- 如何在重定向到asp.net中单击按钮的下一页之前应用javascript警报
- 获取中继器控件ASP.Net中显示的单击项目文本框
- 在ASP.Net C#中单击按钮张贴对话框
- 在ASP.NET中单击“提交”按钮时,使表单不刷新
- 在SweetAlert中传递ASP.NET按钮单击事件
- 仅当条件为真时,才将客户端单击确认添加到 asp.net 按钮
- 如何在单击asp.net按钮时自动单击html按钮
- 单击ASP.NET按钮(位于UpdatePanel内部)以清除TextBox(位于UpdatePanel外部)
- 使用运行时创建的链接来触发ASP.Net中隐藏按钮的单击处理程序
- 单击按钮后需要jQuery方法重定向-ASP.NET、VB.NET、jQuery、Javascript
- asp.net单选按钮点击事件,不加载页面
- 在JavaScript中更改下拉列表索引后,ASP.Net提交按钮单击事件不起作用
- 使用JSON的javascript中的ASP.NET按钮单击事件
- 单击时更改行颜色-ASP.NET和JavaScript
- ASP.net按钮单击时不使用Jquery模态对话框激发
- Asp.net 客户端单击显示表中其他单元格的值
- 如何在右键单击时获取 ASP.NET GridView在jQuery中的单元格ID
- 插入到数据库中而不 ASP.NET 单击事件