Question

我正在创建一个表单，客户已经请求了一个＆＃39; eventStart＆＃39;和＆＃39; eventStop＆＃39;范围，他们也希望它是必需的，并且不希望任何人能够手动更改值。

我正在使用jquery datePicker和jquery validate。

我让它以某种方式工作，但不是两种方式。

<input class="inputs" type="text" id="eventStart"  readonly/>
<input class="inputs" type="text" id="eventStop"  readonly/>

这很有效，范围有效，无法手动编辑。

<input class="inputs" type="text" id="eventStart"  required/>
<input class="inputs" type="text" id="eventStop"  required/>

这会弹出＆＃34;！请填写此字段＆＃34;，但允许手动编辑日期。

如果我同时使用它们，则允许用户跳过该字段（无需验证。）

Answer 1

在这种情况下，如果您添加readonly和required并绕过验证，您的选项是实现您自己的验证或挂钩表单提交或提交按钮的onclick操作。

另一种选择是仅使用必需品。然后挂钩keydown动作并停止文本输入。

$("#inputs").keydown(function (event) {
    event.preventDefault();
});

这只会停止文字输入而且不安全。如果他们想要，偷偷摸摸的人仍然可以改变价值。别忘了验证后端的字段输入。

Answer 2

我有此解决方法 $nextmonth = date('Y-m-d 23:59:59',strtotime("+1 month")); 和输入 <input type="text" class="text-input" name="project_deadline" id="project_deadline" value="<?php echo $nextmonth ?>" readonly />

jquery datepicker - 如何使readonly和required？

2 个答案: