Javascript 如何使Spring窗体成为只读?

Javascript 如何使Spring窗体成为只读?,javascript,jquery,spring,jsp,Javascript,Jquery,Spring,Jsp,在我的应用程序中,我使用Spring提供的标记 <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <fieldset id="user1"> <form:form action="frm1" modelAtt

在我的应用程序中,我使用Spring提供的标记

<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

    <fieldset id="user1">
       <form:form action="frm1" modelAttribute="SUPER" >
         ------
         ------
       </form:form>
    </fieldset>

------
------
我的要求是,当我们点击表单的编辑按钮时,表单基本上是只读的,只有表单才会改变编辑模式

我正在尝试
readonly
Property,但没有工作。。我认为这个属性适用于html

请给我一些建议,如何在java相关技术中做到这一点。。
与javascript和JQuery类似。

在使用readonly=“readonly”属性时,可以使用c标记库为模型中的输入赋值

<form:form id="simpleDomainForm" modelAttribute="simpleDomain">
<input name="modelId" value='<c:out value="${simpleDomain.modelId}"></c:out>' readonly="readonly" class="required">
<input name="modelName" value='<c:out value="${simpleDomain.modelName}"></c:out>' readonly="readonly" class="required">
<input type="button" value="Toggle" onclick="toggleForm();">
</form:form>

而jQuery可以在单击编辑按钮的事件时启用这些输入框。下面是一个使用jQuery切换输入的只读状态的简单脚本示例

[注意:这只是一个简单的示例,您需要根据自己的需求进行定制]


函数toggleForm(){
if($(“#simpleDomainForm”).children(“.required”).attr(“readonly”)==“readonly”)
$(“#simpleDomainForm”).children(“.required”).removeAttr(“只读”);
其他的
$(“#simpleDomainForm”).children(“.required”).attr(“只读”、“只读”);
}

只读属性的类型是布尔值,因此它应该是
readonly=“true”



ok。。当我们再次单击“编辑”按钮时,这很好。我们想编写一些代码行,但这是它们的任意选项,用于使用表单id可以添加只读选项。当我们单击“编辑”按钮时,此属性将更改为只读false…要更改dom属性,请检查attr(),如果要删除某些属性,可以使用jQuery的removeAttr()函数
<script>
function toggleForm(){
    if($("#simpleDomainForm").children(".required").attr("readonly") == "readonly")
        $("#simpleDomainForm").children(".required").removeAttr("readonly");
    else
        $("#simpleDomainForm").children(".required").attr("readonly", "readonly");
}
</script>
<form:input path="firstName" class="form-control"
            placeholder="First Name"  type="text" readonly="true"/>