Grails/Groovy中表单添加id

Grails/Groovy的动态页面GSP中，支持动态建立静态页面元素以及文件，如<g:resource>、<g:link>等标签。使用这项功能可以比较方便地与server端数据进行交互。Grails/Groovy同时也提供了创建表单的标签<g:form>，在使用该标签时，与普通<form>标签有一点小区别，即<g:form>表单中定义的id项，将作为action的一部分，最后生成的form表单中并无id项。如：

<g:form controller="game" action="list" id="gameForm">
  <label for="name">Username</label>
  <input type="text" name="name" id="name"/>
  <label for="psw">Username</label>
  <input type="password" name="psw" id="psw"/>
</g:form>

 在<g:form>标签中定义的id="gameForm"项，在生成的页面中将成为action的一部分：

<form action="game/list/gameForm">
  <label for="name">Username</label>
  <input type="text" name="name" id="name"/>
  <label for="psw">Username</label>
  <input type="password" name="psw" id="psw"/>
</form>

 若在部分需要对form表单进行JS操作的场景下，此种定义方式将无法使用id获取该form对象。

经查阅Grails官网发现，<g:form>标签中id项确实不支持此项功能，若需要在生成的form中添加id项，可以使用name项，这将在生成的页面中生成相同的name和id两个元素，如：

<g:form controller="game" action="list" name="gameForm">
  <label for="name">Username</label>
  <input type="text" name="name" id="name"/>
  <label for="psw">Username</label>
  <input type="password" name="psw" id="psw"/>
</g:form>

 生成的静态页面如下：

<form action="game/list" id="gameForm" name="gameForm">
  <label for="name">Username</label>
  <input type="text" name="name" id="name"/>
  <label for="psw">Username</label>
  <input type="password" name="psw" id="psw"/>
</form>

 这样，就可以像普通form表单一样使用jQuery以及标准JavaScript语言获取form表单，对其进行操作。