阻止用户提交按钮单击

时间:2015-02-24 13:01:58

标签: javascript jquery asp.net-mvc kendo-ui

我有一个Kendo UI下拉框和组合框都是级联和从DB加载项目......然后再添加几个文本框控件然后再提交按钮....

我对两个文本框和dropdownList进行了必要的验证,我们可以编辑在combobox中选中的项目(我们也可以删除)。有时用户单击提交按钮而没有正确加载Combobox中的项目然后我收到错误,如必需的验证错误....

有没有办法阻止用户点击按钮,直到所有控件都满载 ...

我尝试了两种方式..

方法1 :我已将按钮属性设置为隐藏,然后在组合框数据绑定事件中使按钮可见...但此方法无法正常工作.. < / p>

方法2

我已尝试过this link

中提出的建议
 $("#submit").prop("disabled", false) 

这种做法对我没用..

是否有其他方法阻止用户点击提交按钮,直到加载所有控件...

非常感谢...

3 个答案:

答案 0 :(得分:2)

你可以这样做:

<input type='submit' id='submit' value='submit' disabled />
<!--disable the button on default-->

并添加此js:

$(window).load(function(){
    $("#submit").prop("disabled", false); // enable it when page loaded.
});

此解决方案需要jquery。

答案 1 :(得分:1)

在某些项目中,我已使用css visibility属性在适当的时间隐藏show元素: http://www.w3schools.com/css/css_display_visibility.asp

这可能就是你想要的。

答案 2 :(得分:1)

显示:在验证不起作用之前没有样式?

$("#submit").css("display", none)

$("#submit").hide()