位置:首頁 > Web開發 > BackboneJS教學 > BackboneJS model.validate()方法

BackboneJS model.validate()方法

它驗證由用戶提供的模型並輸入。如果輸入無效,則返回指定的錯誤信息,或者如果輸入的是有效的,它冇有指定任何東西,隻是顯示結果。

方法

model.validate(attributes,options)

參數:

  • attributes: 屬性定義模型的屬性。
  • options: 它包括true作為一個選項,以驗證屬性。

示例

<!DOCTYPE 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

  • 打開瀏覽器這個HTML文件。