设置input属性readonly=true为什么后台仍然能得到客户端js给它设置的值？

小大飞 2017-02-10 04:41:12

今天发现一段代码，input的属性readonly="readonly"了，但是前台js修改了这个input 的值，提交到后台后，后台是可以接收到被设置的新值的，这是为什么？

...全文

744 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

文修 2017-02-14

打赏
举报

楼主的说法不对，readonly="readonly"只是不能编辑，至于前台给后台传送数据和这个没有关系

Mine_MuYan 2017-02-13

打赏
举报

直接写 readonly 就行了，不需要赋值。

二月十六 2017-02-11

打赏
举报

readonly只是代表这个输入框不能手动编辑，但是不影响它的值。另外js可以对其值进行修改。

看着是个昵称 2017-02-11

打赏
举报

这个属性是说，不可以手动输入，但是可以通过js的赋值功能来修改input的value值

jio可 2017-02-10

打赏
举报

后台能不能拿到值是完全取决于你自己有没有把这个值给到后台。

jio可 2017-02-10

打赏
举报

readonly只是不能在页面上编辑，通过js是可以改变它的值

本文总结了ASP.NET C#在实际开发过程中13个JS脚本代码，方便大家在开发中使用，希望对大家有用。

JSP实例修改用户资料,获取保存在session中的用户UserID值,根据这个值判断用户是否登录,连接数据库,将用户资料更新到数据库

date：

<input type="text" name="checkdate" size="12" readonly=true></td>

type：

Record：

No.	ID	Reason	Remark	Status	op
1	<input type="text" name="id1" size="8"></TD>	<textarea name="reason1" rows="3" cols="14" ></textarea>	<textarea name="remark1" rows="3" cols="14" ></textarea>		<textarea name="op1" rows="3" cols="10" ></textarea>	<input type="file" name="file1" size="10" ></TD>
2	<input type="text" name="id2" size="8"></TD>	<textarea name="reason2" rows="3" cols="14"></textarea>	<textarea name="remark2" rows="3" cols="14"></textarea>		<textarea name="op2" rows="3" cols="10"></textarea>	<input type="file" name="file2" size="10" ></TD>
3	<input type="text" name="id3" size="8"></TD>	<textarea name="reason3" rows="3" cols="14"></textarea>	<textarea name="remark3" rows="3" cols="14"></textarea>		<textarea name="op3" rows="3" cols="10"></textarea>	<input type="file" name="file2" size="10" ></TD>

上传附件：		<input type="file" class="bginput" name="attachment_array[]"></td>

<input type="submit" name="Submit" value="提交"></td>

<input type="reset" name="reset" value="重置"></td>

</form> <%@ page import="java.text.*"%> <jsp:useBean id="jdbc" class="com.Jdbc_conn" scope="page" /> <%long today = System.currentTimeMillis(); java.util.Date todayime = new java.util.Date(today); SimpleDateFormat formatter = new SimpleDateFormat("yyMMddHHmmss"); String todaydate = formatter.format(todayime); //新建一个SmartUpload对象 SmartUpload su = new SmartUpload(); //上传初始化 su.initialize(pageContext); //设定上传限制 //1.限制每个上传文件的最大长度。 //su.setMaxFileSize(10000); //2.限制总上传数据的长度。 //su.setTotalMaxFileSize(20000); //3.设定允许上传的文件（通过扩展名限制）,仅允许doc,txt文件。 //su.setAllowedFilesList("doc,txt"); //4.设定禁止上传的文件（通过扩展名限制）,禁止上传带有exe,bat,jsp,htm,html扩展名的文件和没有扩展名的文件。 su.setDeniedFilesList("exe,bat,jsp,htm,html,,"); //上传文件 su.upload(); //将上传文件全部保存到指定目录 int count = su.save("/upload"); out.println(count+"个文件上传成功！
"); String attachsourcename=""; String newfilename=""; String save=""; for (int j=0;jjspsmart.upload.File file = su.getFiles().getFile(j); // 若文件不存在则继续 if (file.isMissing()) continue; //显示当前文件信息 //另存到操作系统的根目录为文件根目录的目录下实际的路径 attachsourcename=file.getFileName(); double a=Math.random(); Double d=new Double(a); String s=d.toString(); newfilename=todaydate+s.substring(2,6)+"."+file.getFileExt(); save="D:\\\\Workspace\\\\PM\\\\WebApp\\\\upload\\\\" +newfilename; file.saveAs(save,su.SAVE_PHYSICAL); //out.println(""); //out.println(""); //out.println(""); //out.println(""); //out.println(""); //out.println(""); //out.println(""); //out.println(""); //out.println("

表单项名（FieldName）	"+ file.getFieldName() + "
文件长度（Size）	" + file.getSize() + "
文件名（FileName）	" + file.getFileName() + "
文件扩展名（FileExt）	" + file.getFileExt() + "
文件全名（FilePathName）	"+ file.getFilePathName() + "
实际路径	"+ getServletContext().getRealPath("/") + "
下载	" + file.getFileName() + "

"); //out.println(agvid); } Class.forName("oracle.jdbc.driver.OracleDriver").newInstance(); String url = "jdbc:oracle:thin:@10.20.32.87:1521:XMCSHIS"; String user = "michelle"; String password = "michelle"; Connection conn = DriverManager.getConnection(url, user, password); Statement stmt = conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_UPDATABLE); try{ for(int i=1;i<=3;i++){ String checkdate=su.getRequest().getParameter("checkdate"); String csttype=su.getRequest().getParameter("csttype"); String cstid=su.getRequest().getParameter("" + "cstid"+i + ""); String reason=su.getRequest().getParameter("" + "reason"+i + ""); String remark=su.getRequest().getParameter("" + "remark"+i + ""); String status=su.getRequest().getParameter("" + "status"+i + ""); String op=su.getRequest().getParameter("" + "op"+i + ""); String reporter=su.getRequest().getParameter("reporter"); if(cstid.equals("")) {break;} String SQL="insert into michelle.Table1(checkdate ,type ,id,reason ,op ,remark ,attachsourcename ,newfilename ,reporter ,status )" +" values('"+checkdate+"','"+type+"',UPPER('"+id+"'),'"+reason+"','"+op+"','"+remark+"','"+attachsourcename+"','"+newfilename+"','"+reporter+"','"+status+"')"; //out.print(SQL); //out.println(11144); //stmt.executeUpdate(SQL); } out.println("保存记录成功！"); } catch(Exception ex){ out.println(" 保存记录失败！Error Info：
"+ex.getMessage()+"

返回上一页"); //out.println("sql.executeUpdate:"+ex.getMessage()); }