日期:2014-05-16  浏览次数:20495 次

400分求使用knockout.js建立一个输入表单以及简单功能的完整代码,急!急!急!请大神们帮助!
小弟碰到了一个十分棘手的事情,必须在今天要利用knockout.js框架建立一个表单,并且实现两个最简单的功能。小弟刚学php和javascript不久,knockout框架根本不懂,现学现卖看唯恐今天很难完成,恐怕我的工作堪忧。所以,这里恳请有这方面经验的大神能帮小弟一把,给个完整的代码框架,可供小弟模仿琢磨,尽量完成工作。小弟在这里再三感激涕零!这里只能给100分,若能提供完整代码,小弟另外赠送300分。

基本情况:利用knockout.js框架建立一个基本的表单,可以通过XML文件把数据存入服务器,或者读取数据,并且实现简单功能。
XML文件的基本数据格式及代码很简单,如下:(这个数据结构只是参考)
<?xml version="1.0" encoding="ISO-8859-1"?>
<database>
<record>
<id>123</id>
<diagnosis>
<date>2012-04-09</date>
</diagnosis>
<treatment>
<subtreatment>
<date>2012-08-09</date>
<code>operationskoder</code>
</subtreatment>
</treatment>
<patient>
<assess>
<date>2012-08-10</date>
<ECOG>4</ECOG>
</assess>
........
<assess>
<date>2013-05-16</date>
<ECOG>3</ECOG>
</assess>
</patient>
</record>
</database>


想实现的功能:
1.在数据输入后,需要通过一定结构的javascript对象的形式来向服务器传输数据,能否给出一个合理、简单的javascript对象,可用于传输数据?
2.利用knockout.js框架建立一个基本的表单,可输入上面XML文件中record的各个元素值,有一个“save”的按钮,点击按钮,可以通过上面的javascript对象向服务器输入数据。
3.在这个表单上有一个标签“Registration”,可以显示静态文本,其中有<diagnosis></diagnosis>中间date的具体日期,同时还需要显示<patient></patient>中间所有<ECOG></ECOG>中最大的数字。
4.在表单中用于输入code的输入框中,对这个框中的输入进行有效性检查,所有的code必须是“AZ”这两个字母开头,后面跟4个数字,比如“AZ4658”。如果输入其他数据,则显示出错信息,并且save的按钮失效。

小弟被逼的没有办法了,只能倾其所有,请大神们帮忙了。另外,因为小弟对这个knockout.js实在不懂,所以如果能在代码上加上一些简单注释,小弟将感激不尽!!!

小弟这里恳求大神们帮助!感激涕零!!!
框架 数据结构 表单 javascript

------解决方案--------------------
我对 knockout 不了解哈。
1.2. Ajax .. 如果是前端向后台传输数据,还是不要使用XML。js对XML操作跨浏览器上不好弄。
3.4. 就是XML的遍历比较,还有正则的使用了
------解决方案--------------------
 
script type="text/javascript">    
  
 function ViewModel() {        
  
 this.firstName = "Zixin";       
  
  this.lastName = "Yin";     
  

  
ko.applyBindings(new ViewModel()); 
  
</script>  
  
   
  
<div>     
  
 <p data-bind="text: firstName"></p>    
  
 <p data-bind="text: lasttName"></p>    
  
 <input data-bind="value: firstName"/>     
  
 <input data-bind="value: lastName"/>  
  
div>  
 
<script type="text/javascript">  
&nbs