どのようにして、関連するテキストボックスに必須のフィールドバリデーターエラーメッセージを表示できますか？

Question

私はそのテキストボックスに1つのテキストボックスを持っています。私は必須のフィールド検証を使用しています。 テキストボックスが空の場合、テキストボックスに「テキストを入力してください」と表示したい。テキストボックスに何かがある場合は、テキストボックステキストが有効なメールIDかどうかをチェックしたいテキストボックス内のショーは

Answer 1

jQueryを使用して以下を実行できます。

<script type="text/javascript"> 

function CheckEmail() 
{ 
    var $email = $("#<%=EmailText.ClientID %>"); 

    if ($email.val().length) { 
     if (!IsEmailValid($email.val())) 
      $email.val("Please enter a valid email address"); 
    } 
    else { 
     $email.val("Please enter some text."); 
    } 
}  

function IsEmailValid(inputvalue) 
{ 
    var pattern=/^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/; 

    if(pattern.test(inputvalue)) { 
     return true; 
    } 
    else { 
     return false; 
    } 
} 

</script> 

<asp:TextBox ID="EmailText" Text="Please enter some text" runat="server" /> 
<asp:Button ID="SubmitButton" runat="server" OnClientClick="CheckEmail()" /> 

また、RequiredFieldValidatorとRegularExpressionValidatorを使用して.NET検証を使用することもできます。

編集

ポスターは、クライアント側のスクリプトを述べているので、検証のために使用することはできません、私は、サーバー側の検証を追加しました：

protected void SubmitButton_Click(object sender, EventArgs e) 
{ 
     if (IsFormValid()) 
     { 
     //Do something... 
    } 

} 

private bool IsFormValid() 
{ 
    bool isValid = true; 

    if (String.IsNullOrEmpty(EmailText.Text)) 
    { 
     EmailText.Text = "Please enter an email address"; 
     isValid = false; 
    } 
    else 
    { 
     if (!Regex.IsMatch(EmailAddress.Text, @"/^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/")) 
     { 
      EmailText.Text = "Email address not valid"; 
      isValid = false;  
     } 

    } 

    return isValid; 
} 

Answer 2

を「有効な電子メールIDを入力してください」あなたは私はあなたがそれがInternet Explorerで動作するためにプラグインのjQueryを必要としません信じて

<input type="text" placeholder="Please enter some text"> 

プレースホルダを使用することができます。

しかし、私はそれは

「は有効な電子メールIDを入力してください」に変更する必要があり、なぜあなたはそれが右の開始時に「有効な電子メールIDを入力してください」と人々ができるようバリスクリプトを追加すると言う作ることができます表示されません無効なメールを入力しないでください。

function validateForm() 

{ 
var x=document.forms["MyForm"]["email"].value; 
var atpos=x.indexOf("@"); 
var dotpos=x.lastIndexOf("."); 
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length) 
    { 
    alert("Not a valid email id"); 
    return false; 
    } 
} 

あなたは電子メールの入力を検証するためにRegularExpressionValidatorを使用することができますテキストボックスが

<asp:RequiredFieldValidator ID="RequiredFieldValidator" runat="server" ControlToValidate="yourTextBox" Text="This field is required" /> 

空であるかどうかをチェックするためにreqiredfieldvalidatorを使用することができますし、電子メールの検証を確認するために

Answer 3

<asp:RegularExpressionValidator runat="server" ID="emailValidator" ControlToValidate="emailTextBox" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" Text="please enter a valid email address" /> 

Answer 4

このサンプルを使用してください：

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="TextBox1" runat="server" ErrorMessage="Please enter some text"></asp:RequiredFieldValidator> 
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" ControlToValidate="TextBox1" 
ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" 
    runat="server" ErrorMessage="Please enter valid emailid"></asp:RegularExpressionValidator> 

RequiredFieldValidatorは空のテキストボックスを検証し、RegularExpressionValidatorはValidationExpressionと一致します。この場合はemailidです。

<asp:RequiredFieldValidator runat="server" ID="requiredValidatorId" ControlToValidate="textBoxId" ErrorMessage="Please enter some text" /> 

そして、このような入力フォーマットまたはドメインの検証に使用サーバー側のロジック用：空のテキスト検証用のRequiredFieldValidatorデフォルトの機能については

Answer 5

if (!IsValidEmail(email)) 
{ 
    zoneRequiredValidatorId.Text = "Please enter valid email id"; 
    zoneRequiredValidatorId.IsValid = false; 
} 
else 
if (...) 
{ 
    zoneRequiredValidatorId.Text = "Validation error X"; 
    zoneRequiredValidatorId.IsValid = false; 
} 
... 

私たちはここにIsValidプロパティを設定しているのでご注意ください偽にする。