0

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

一般asp我们写如下

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

}
}
</Script>

我怎样才能使用 Devex

4

3 回答 3

0

Devexpress在线演示展示了如何添加验证和自定义验证。只需在演示中检查 SetFocusOnError。

您也可以参考Devexpress 在线文档。

希望这可以帮助！

维韦克

于 2013-03-26T21:04:10.513 回答
0

如果您跳过显示弹出消息，那么 DevExpress 验证设置是更好的选择，您可以通过设置它来验证控制客户端ValidationGroup。

在此 SO 线程上检查我之前可能与您相关的答案- 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>

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

设置ClientInstanceName文本框，您将能够在客户端访问它。

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

使用 ApxxButton 客户端单击事件并调用 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 客户端方法和事件以获得更好的帮助。

于 2013-03-29T11:53:41.050 回答
0

您可以使用：

  1. ASP.Net 验证器控件。它们支持服务器端和客户端验证。CompareValidator 或 RegularExpressionValidator 将适合您的目的。请参阅CodeProject上的此链接

  2. jQuery 验证

  3. 自定义 JavaScript 验证 - 最简单的方法是使用表单的 onSubmit 事件。拿你的例如。

    <form onsubmit="javascript:checkEmpty()">...</form>

验证脚本可能如下所示：

<script type="text/JavaScript">
function checkEmpty() {
    var subj = document.getElementById("txtString").value;
    if(subj=="")
    {
        subj.focus();
        alert("Error Message...");
        return false;
    }
}
</Script>
于 2013-03-26T07:40:39.933 回答