Backbonejs-model-validate
提供:Dev Guides
BackboneJS-モデル検証
説明
ユーザーが提供したモデルと入力を検証します。 入力が無効な場合、指定されたエラーメッセージを返します。入力が有効な場合、何も指定せずに結果を表示します。
構文
model.validate(attributes,options)
パラメーター
- 属性-これらの属性は、モデルのプロパティを定義します。
- options -属性を検証するオプションとしてtrueが含まれます。
例
<!DOCTYPE html>
<html>
<head>
<title>Model Example</title>
<script src = "https://code.jquery.com/jquery-2.1.3.min.js"
type = "text/javascript"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"
type = "text/javascript"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"
type = "text/javascript"></script>
</head>
<body>
<script type = "text/javascript">
var Person = Backbone.Model.extend ({
defaults: {
name: 'john',
age: 25,
occupation: 'working'
},
initialize : function() {
this.on("invalid",function(model,error) {
document.write(error);
});
},
validate: function(attributes) {
if ( attributes.age < 25 ) {
return 'Person age is less than 25, please enter the correct age!!! ';
}
if ( ! attributes.name ) {
return 'please enter the name!!!';
}
},
});
var person = new Person();
person.on('invalid', function() {
this.arguments;
});
person.set({ age : '20' }, { validate : true });
</script>
</body>
</html>
出力
上記のコードがどのように機能するかを確認するために、次の手順を実行してみましょう-
- 上記のコードを validate ファイルに保存します。
- このHTMLファイルをブラウザーで開きます。