Question

如何在按钮点击时使用javascript验证aspxtexbox。我有一个aspxtextbox和一个aspx按钮，点击我需要检查文本框是否为空如果为空我需要显示一个确认框，单击取消我需要设置焦点在aspxtextbox

一般来说，我们写如下

<script type="text/javascript">
 function checkEmpty() {
var subj= "";
subj= document.getElementById("txtString").value;
if(subj=="")
{

}
}
</Script>

我怎样才能使用Devex

Answer 1

您可以使用：

ASP.Net Validator控件。它们支持服务器端和客户端验证。 CompareValidator或RegularExpressionValidator适合您的目的。请参阅CodeProject
JQuery Validate
自定义JavaScript验证 - 最简单的方法是使用表单的onSubmit事件。以你的为例。

＆lt; form onsubmit =“javascript：checkEmpty（）”＆gt; ...＆lt; / form＆gt;

验证脚本可能如下所示：

<script type="text/JavaScript">
function checkEmpty() {
    var subj = document.getElementById("txtString").value;
    if(subj=="")
    {
        subj.focus();
        alert("Error Message...");
        return false;
    }
}
</Script>

Answer 2

Devexpress online demo显示了如何添加验证并对其进行自定义。只需在演示中检查SetFocusOnError。

您也可以参考Devexpress online docs。

希望这有帮助！

的Vivek

Answer 3

如果您跳过显示弹出消息，则DevExpress验证设置是更好的选项，您只需通过设置ValidationGroup来验证控制客户端。

在此SO主题帖子上查看可能与您相关的previous answer - Validation Message By Javascript

示例：

<dx:ASPxButton ID="btn" runat="server" Text="Validate" 
AutoPostBack="False" CausesValidation="False">

         <ClientSideEvents Click="function(s, e) {

    if (chkIsChecked.GetValue())  // if checked then validate the group
    {
              ASPxClientEdit.ValidateGroup('RejectReason');
    }
         }" />
    </dx:ASPxButton>

如果你想显示弹出消息，那么这是你的工作。使用另一个答案

设置textBox的ClientInstanceName，您就可以访问它了。

<dxe:ASPxTextBox ID="InstrumentQuantity" 
 runat="server" Width="170px" 
 ClientInstanceName="MyTextBox"> 
</dxe:ASPxTextBox>

使用AxpxButton客户端点击事件并调用javascript方法来执行所需的操作结果。

<script type="text/JavaScript">
function checkEmpty() {

    var theText = MyTextBox.GetValue(); //GetValue() is the DevExpress clientside function
    if(theText =="")
    {
       //you pop message code and focus related work
    }
}

请参阅ASPxTextBox Client side methods and events以获得更好的帮助。

使用javascript在aspxbutton上验证aspxtextbox

3 个答案: