1. ホーム
  2. 質問と答え
  3. jqueryを使用してhtml入力ボックスの最初の桁に0を入力しないようにする方法検証プラグイン

jqueryを使用してhtml入力ボックスの最初の桁に0を入力しないようにする方法検証プラグイン

2016-11-13 9 views

答えて

1

あなたがテキストフィールドに最初の桁として0を入力することからユーザーを制限したいと、それは正規表現^[^0]\d*を使用して達成することができるaddMethod

を使用して、独自のバリデータを追加することによってカスタム検証を行うことができます。

ここにスニペットがあります。

$.validator.addMethod("pattern", function(value, element, regexpr) { 
 
    return regexpr.test(value); 
 
}, "Please enter a valid value."); 
 

 
$("form").validate({ 
 
    rules: { 
 
    cost: { 
 
     required: true, 
 
     //change regexp to suit your needs 
 
     pattern: /^[^0]\d*$/g 
 
    } 
 
    } 
 
});
.form-group label.error { 
 
    color: maroon; 
 
}
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 

 
    <script src="https://code.jquery.com/jquery-3.1.0.js"></script> 
 
    <script src="https://jqueryvalidation.org/files/dist/jquery.validate.js"></script> 
 

 
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 

 
    <title>JS Bin</title> 
 
</head> 
 

 
<body> 
 
    <form class="form-inline"> 
 
    <div class="form-group"> 
 
     <label for="cost">Cost:</span> 
 
     <input class="form-control" id="cost" type="number" name="cost"> 
 
    </div> 
 
    <button type="submit" class="btn btn-default">Submit</button> 
 
    </form> 
 
</body> 
 

 
</html>

出典

2016-11-13 10:17:17 sam

関連する問題

 関連する問題