I have an Single Page Application build using Angular and i am having some issues with the form.
Form is using a check box a drop down and two text boxes.
first text box (Name) has no validation.
check-Box is using a third party plugin called "iCheck".
Drop down is using a plugin called "bootstrap-select".
Validation is using a library called "Jquery Validation Engine".
forms image is attached.
The plunker is setup here
[login to view URL]
The expected behavior is. In simple words the text box and drop are required if check-box is checked.
1) On Page load because form is not dirty (none of the controls were supplied any value) if i click the save button it should hit the save function because there were no validation on the controls, hence there should be no validation message prompt on the screen.
2) If i click the check box. the drop down and the text box below becomes required. it means that both drop down and text box has conditional validation (feature of Jquery Validation Engine) which is already setup and working . so now if i click Save, it should not hit the save function and display the validation prompt.
3) it should keep on restricting the function access and display the validation error prompt unless form controls are valid i.e. some value is selected in drop-down and text boxed is filled.
4) and if i un-check, validation described in point number 3 goes away.
But whats happening is:
a) On page load if i click the save button it does not hit the save function.
b) If i click the check box it still does not hit the save function and validation error prompts are display on both drop down and text-box which is fine thats how it should behave.
c) When is fill the required text box it makes the form ng-valid and it hit the save function how ever the drop is still in ng-invalid.
d) Even if i select some thing from the drop down the validation prompt remains on the drop down and it still hits the save functions.
e) (Not that much worried about this issue) lastly want to setup a custom value in the drop down that should act as default e.g. "--Select One--" and if the default is selected it should be considered as nothing is selected and it should be considered as invalid when validation is active.
all of this code is in [login to view URL] and [login to view URL] since i am using plugins so i needed directives to work with them properly. Directives for check-box, Select and Validation are in [login to view URL] under the controller code.
Controller code is setup like this.
You can have me troubleshoot your form page as shown in that Plunker url you provided.
You can view my Freelancer portfolio and see that I am very suitable for Javascript related projects like this.
BTW, there is a possibility that some Javascript library files *may* need to be modified for your Angular form to work.
Let me know if you'd like me to help.
$100 USD en 3 días
5,0 (73 comentarios)
6,7
6,7
19 freelancers están ofertando un promedio de $118 USD por este trabajo
Hello.
I am a senior web developer with 6+ years of experience.
I've finished a lots of small and big projects using AngularJS, BackboneJS MVC Frameworks
I have worked on similar projects to what you are looking for, and I am confident I can exceed your expectations.
I progress the project with the plan so the client gets the everyday results.
Also I provide high quality applications with short time.
My project is clean, well-designed, easy to maintain and extend in future.
If you want good and quality results, contact me right now and let's discuss about the project.
Thanks.
i'm a front-end expert, i'm master all front-end skills as bootstrap, scss(compass), less, css, css3(animation), html, html5, responsive web design, jquery, greenshock, angular, foundation, php... i have 4 years experience work front-end,
experienced Web deveopler, can help get this done quickly. I am new to this site so looking to build my reputation with jobs like this. thanks in advance for your consideration
I have complete two major project using nodejs and anuglarjs.
Due to some legal issues i am not able to provide my work link but i can ensure about best work from my side.I have worked on drag and drop feature which is one of the challenging work i have done..Already completed project in team for my company so ability to continue at any stage of point in project.
Full page image background slider,Bootstrap using create. One page websites, portfolio sites, HTML5, CSS3, Reponsive and AngularJS. I will do with in one week.
Hi, I am profession in angularjs as well as jQuery, I have read your problems, that is a thorough explanation, and I am sure that I can fix them for you. Thanks
I'm an web applications developer. I have more than two year experience in java web development and javascript development. I pay special attention to the code readability and expansibility. Also I have much experience of working with angularjs.