-2

http://jsfiddle.net/ZKsjr/ 入力フィールドをスタイルで正しく検証できるこのスクリプトを使用していますが、次の場合に元の値の名前 (名) にリセットされるように新しい機能を実装しようとしています誤った情報が使用されています (var reg = /^[az ,.'-]+$/i;) が、これは入力の入力が完了した後で行う必要があります (ぼかし)。修正方法を教えてください。

<!DOCTYPE html>

<html>

<head>

  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title> - jsFiddle demo</title>
  <script type='text/javascript' src='//code.jquery.com/jquery-1.10.1.js'></script>       
  <link rel="stylesheet" type="text/css" href="/css/result-light.css">   

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
function isfname(text){
    var reg = /^[a-z ,.'-]+$/i;
    return reg.test(text);
}

$(".fname").keyup(function(e) {
    var $test = $(this);
    if (isfname($test.val())) {
        $test.css("border-color", "rgb(140, 202, 165)");
        $test.css("background-color", "rgb(140, 202, 165)");
        $test.css("color", "black");

    }else{
        $test.css("background-color", "rgb(198, 95, 88)");
        $test.css("border-color", "rgb(198, 95, 88)");
        $test.css("color", "black");
    }
}).blur(function(e) {
    $(this).css("background-color", ""); 
    $(this).css("border-color", ""); 
    $(this).css("color", "");


});




});//]]>  

</script>


</head>

<body>

  <input type="text"id="element_2_2"  class="fname" maxlength="255" size="8" " value="First Name" 
 onblur="if (this.value == '') {this.value = 'First Name';}"
 onfocus="if (this.value == 'First Name') {this.value = '';}" required/>


</body>

</html>
4

1 に答える 1

0

のフィールド値を確認し、フィールド.blurの値を に設定しますFirst Name。

このような...

.blur(function(e) {
    $(this).css("background-color", ""); 
    $(this).css("border-color", ""); 
    $(this).css("color", "");
    if(!isfname($(this).val()))
       $(this).val('First Name');
});

更新された jsFiddle デモ

于 2013-07-16T02:53:43.450 に答える