2011-10-26 6 views
1

jQueryを使用して、正規表現バリデータが失敗したときにテキストボックスの色を変更しようとしています。JQueryを使用して検証時にテキストボックスの色を変更できない

私はオンラインで見つけた関数ですが、正規表現を使用するように変更する方法はわかりません。

<script type="text/javascript"> 
    function ValidateTextBox(source, args) 
    { 
     var is_valid = $("#TextBox1").val() != ""; 
     $("#TextBox1").css("background-color", is_valid ? "white" : "red"); 
     args.IsValid = is_valid; 
    } 
</script> 

また、私は

args.IsValid = is_valid; 

の使用は、機能に何であるか理解していません。ここで


は、私が今しようとしていますものです:

<script type="text/javascript"> 
function ValidateTextBox(source, args) { 
    var is_valid = false; 

    //Regex goes here 
    var regex = [A-Za-z]; 
    if (regex.test($('#TextBox1').val())) { 
     //If input was correct 
     is_valid = true; 
    } 
    else { 
     //If input is not correct 
     $("#TextBox1").css("background-color" : "red");   
    } 
    args.IsValid = is_valid; //Returns validity state 
} 


</script> 

答えて

0
function ValidateTextBox(source, args) 
{ 
    //var is_valid = $("#TextBox1").val() != ""; //returns true or false 

    //add regex test, lots of way and set result to is_valid 
    var is_valid = false; 
    var rege = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; //example 
    if(rege.test($('#TextBox1').val())){ 
     is_valid = true; 
    } 

    $("#TextBox1").css("background-color", is_valid ? "white" : "red"); 
    args.IsValid = is_valid; //tells validatin engine if this item is valid or not 
} 
+0

いくつかのことはわかりません。 var is_valid = $( "#TextBox1")。val() #TextBox1の代わりにソースにする必要はありませんか? sourceはイベントを呼び出すオブジェクトです。 また、正規表現をどこに入力しますか?私は本当にjavascriptに新しいです。 – TheGateKeeper

+0

rege変数には正規表現があります。 $( "#TextBox1")。val()は、jQueryが要素の値をチェックする方法です。 –

+0

も参照してください:http://stackoverflow.com/q/201323/901048 – Blazemonger

0

JavaScriptの正規表現は、このよう//に囲まれる必要があります。

//Regex goes here 
var regex = /[A-Za-z]/; 
関連する問題