javascript - 如何防止grails中的表单远程提交？

Question

<g:formRemote name="form1" update="homeBody" 
              url="[controller: 'xxx', action:'aaa']">       
<Button type="submit">Save</Button>    
</g:formRemote>

我遇到了在表单之外有一个文本字段的情况。该值由 javascript 函数设置。

如果文本字段有值，表单将提交。如果没有，我必须阻止表单提交。如何做到这一点？

Answer 1

grails 标记g:remoteForm 可以有一个before 属性。根据 Grails 文档，该属性的值是:

The JavaScript function to call before the remote function call. A semi-colon is automatically added so you don't have to provide one yourself in this string.

因此您可以通过这种方式阻止表单提交:

<g:formRemote name="form1" update="homeBody" 
              url="[controller: 'xxx', action:'aaa']"
              before="return checkTheField()">
    <Button type="submit">Save</Button>    
</g:formRemote>

其中 checkTheField() 是一个 JavaScript 函数，根据字段检查结果返回 true 或 false。

附注我建议您使用 grails g:submitButton 标记而不是纯 HTML Button 标记以保持一致性。