jQuery рдХреЗ рд╕реНрдЯреЗрдЯ рдлреЙрд░реНрдо рдпрд╛ рд╕рд┐рдВрдкрд▓ рдлреЙрд░реНрдо рдХрдВрдЯреНрд░реЛрд▓

рдЕрдЪреНрдЫрд╛ рд╕рдордп% рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдирд╛рдо%!

рдореИрдВ рдкреНрд░рдкрддреНрд░ рдХреА рд╕реНрдерд┐рддрд┐ рдХреЛ рдЬрдирддрд╛ рдХреЗ рд▓рд┐рдП рдореЙрдирд┐рдЯрд░ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рджрд┐рд▓рдЪрд╕реНрдк рдкреНрд▓рдЧрдЗрди рд╢реБрд░реВ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВред
тАЬрд░реВрдк рдХреА рдЕрд╡рд╕реНрдерд╛тАЭ рдХреНрдпрд╛ рд╣реИ? рдпрд╣ рдЙрди рдорд╛рдиреЛрдВ рдХрд╛ рдПрдХ рдЕрдВрд╢ рд╣реИ рдЬреЛ рдЗрд╕рдХреЗ рдЖрд░рдВрдн рдХреЗ рд╕рдордп рд░реВрдк рдореЗрдВ рдирд┐рд░реНрдзрд╛рд░рд┐рдд рдХрд┐рдП рдЧрдП рдереЗред рдкреНрд▓рдЧрдЗрди рдореЗрдВ рдХреБрдЫ рднреА рдирд╣реАрдВ рд╣реИ, рдХреЛрдИ "рд╡рд░реАрдпрддрд╛ рдФрд░ harlots" рдирд╣реАрдВ рд╣реИ, рдХреЗрд╡рд▓ рдЗрд╕рдХреЗ рд▓рд┐рдП рдХреНрдпрд╛ рд╡рд┐рдХрд╕рд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛, рдЕрд░реНрдерд╛рддреН рдлреЙрд░реНрдо рдореЗрдВ рдореВрд▓реНрдпреЛрдВ рдХреЗ рдкрд░рд┐рд╡рд░реНрддрди рдкрд░ рдирд┐рдпрдВрддреНрд░рдгред рдпрд╣ рдХрд┐рд╕ рд▓рд┐рдП рд╣реИ? рдЦреИрд░, рд╕рднреА рдкреНрд░рдХрд╛рд░ рдХреА рдкрд░рд┐рд╕реНрдерд┐рддрд┐рдпрд╛рдВ рд╣реИрдВ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдбреЗрдЯрд╛ рдореЗрдВ рдХрд┐рдП рдЧрдП рдкрд░рд┐рд╡рд░реНрддрдиреЛрдВ рдХреЛ рд▓реЙрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдПред рдЖрдк рдкреГрд╖реНрда рдЫреЛрдбрд╝рдиреЗ рдХреА рдШрдЯрдирд╛ рдХреЛ рдирд┐рдпрдВрддреНрд░рд┐рдд рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЕрдЪрд╛рдирдХ, рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдиреЗ рдХреБрдЫ рджрд░реНрдЬ рдХрд┐рдпрд╛, рд▓реЗрдХрд┐рди рд╕рд╣реЗрдЬрдирд╛ рднреВрд▓ рдЧрдпрд╛?

рдХреМрди рдкрд░рд╡рд╛рд╣ рдХрд░рддрд╛ рд╣реИ , рдЖрдк jsfiddle рдХреЗ рд╕рд╛рде рдЦреЗрд▓ рд╕рдХрддреЗ рд╣реИрдВред

рдкреНрд▓рдЧрдЗрди рд╣реА рдмреЗрд╣рдж рд╕рд░рд▓ рд╣реИред рдкреНрд░рд╛рд░рдВрдн:
$(document).ready(function() { $('form').state_form(); }); 

рдпрд╛ рдЙрдиреНрдирдд рд╡рд┐рдХрд▓реНрдк:
 $(document).ready(function() { $('form').state_form({ //name input in form inputName: 'changed_state', //is default //add input with changes in form insertInForm: 1, //is defaul //function before form submit //call if form has changes ifChanged: function() { //is default return true; }, //field for excluded exclude: ['field1', 'field2'] }); }); 


рд░рд╛рдЬреНрдп рдкрд░рд┐рд╡рд░реНрддрдиреЛрдВ рдХреА рдЬрд╛рдБрдЪ рдХрд░реЗрдВ:
 $('form').state_form('is_changed'); 

рдмрджрд▓реЗ рд╣реБрдП рдХреНрд╖реЗрддреНрд░ рдкреНрд░рд╛рдкреНрдд рдХрд░реЗрдВ:
 $('form').state_form('get_changes'); 


рдПрдХ рд╣реИрдВрдбрд▓рд░ рдХреЛ рдлреЙрд░реНрдо рд╕рдмрдорд┐рд╢рди рдЗрд╡реЗрдВрдЯ рдореЗрдВ рд▓рдЯрдХрд╛ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдЬреЛ рдЗрд╕рд╕реЗ рдкрд╣рд▓реЗ рд╕рднреА рдкрд░рд┐рд╡рд░реНрддрдиреЛрдВ рдХреЛ рдЗрдХрдЯреНрдард╛ рдХрд░рддрд╛ рд╣реИ, рдЙрдиреНрд╣реЗрдВ рдЬрд╕рди рдореЗрдВ рдПрдиреНрдХреЛрдб рдХрд░рддрд╛ рд╣реИ, рдлреЙрд░реНрдо рдореЗрдВ рдПрдХ рдлрд╝реАрд▓реНрдб рдмрдирд╛рддрд╛ рд╣реИ рдЬрд╣рд╛рдВ рдпрд╣ рдкрд░рд┐рдгрд╛рдореА рд╕реНрдЯреНрд░рд┐рдВрдЧ рд╕рдореНрдорд┐рд▓рд┐рдд рдХрд░рддрд╛ рд╣реИ рдФрд░ рдкрд░рд┐рд╡рд░реНрддрди рд╕рд░реНрд╡рд░ рдХреЛ рднреЗрдЬреЗ рдЬрд╛рддреЗ рд╣реИрдВред рдЗрд╕ рд╕реБрд╡рд┐рдзрд╛ рдХреЛ рдЕрдХреНрд╖рдо рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред

UPD: рдкреНрд▓рдЧрдЗрди рдХреЛ 0.0.3 рдореЗрдВ рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛, рдЬрд╣рд╛рдВ рдЙрд╕рдиреЗ рд░рд╛рдЬреНрдп рдХреЗ рдЗрддрд┐рд╣рд╛рд╕ рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рддрд░реАрдХреЗ рдЬреЛрдбрд╝реЗред рдЖрдкрдХреЗ рд╕реБрдЭрд╛рд╡ рдФрд░ рдЖрд▓реЛрдЪрдирд╛ рдХреЗ рд▓рд┐рдП рд░реБрдмрд╛рдХреНрд╕рд╛ рдХреЛ рдзрдиреНрдпрд╡рд╛рдж!

рд╕реНрд░реЛрдд рдХреЛрдб github.com/Slavenin/state_form
рдореБрдЭреЗ рдЯрд┐рдкреНрдкрдгрд┐рдпреЛрдВ рдФрд░ рд╕реБрдЭрд╛рд╡реЛрдВ рдкрд░ рдЦреБрд╢реА рд╣реЛрдЧреА!
рдЖрдкрдХрд╛ рдзреНрдпрд╛рди рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж!

Source: https://habr.com/ru/post/In207338/


All Articles