FineUI 官方论坛

标题: 请问Button能否客户端验证是否提交 [打印本页]

作者: swtseaman 时间: 2012-11-20 06:04
标题: 请问Button能否客户端验证是否提交
本帖最后由 swtseaman 于 2012-11-20 06:05 编辑

比如Button1 我给一个OnClick后台提交表单，我还给一个OnClientClick在客户端验证，如果表单填写完整则执行Click，否则在客户端提示用户将表单填写完整，这样做可大大节省资源。我现在的做法是OnClientClick="checkForm();"

checkForm的内容为：

var checkForm = function(){
if($("#UserName").val() == ""){
alert("请填写用户名！");
return false;
}
};

虽然客户端判断了，但是还是执行了后台OnClick事件，如果将Button的EnablePostBack写为false，就完全不执行后台了！

不知道有没有解决方案

说明一下，Ext的Form不能满足我的布局，所以没法使用Form的验证特性

作者: sanshi 时间: 2012-11-20 06:16

OnClientClick="if(!checkForm()){return false;}"

复制代码

试下这个

作者: swtseaman 时间: 2012-11-20 06:50

sanshi 发表于 2012-11-20 06:16
试下这个

确实可以，OnClientClick="return checkForm();"这样也就行了。谢谢老大！

我自己刚刚采用了另一种方法比你这个复杂，就是原登录按钮只做客户端验证，验证成功，则激活一个隐藏按钮的click事件去调用后台方法。呵呵！

欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/)