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

我正在使用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/>


这会弹出“!请填写此字段”,但允许手动编辑日期。

如果同时输入两者,则允许用户跳过该字段(无验证。)

最佳答案

在这种情况下,如果您添加了只读和必填项,并且绕过了验证,则您的选择是实施自己的验证,或者挂接表单提交或提交按钮的onclick操作。

另一种选择是仅使用必需的。然后,钩住按键操作并停止文本输入。

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


这只会停止文本输入,并且不安全。鬼nea的人仍然可以根据需要更改该值。不要忘记在后端验证字段输入。

关于javascript - jQuery Datepicker-如何使只读和必需?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/23918126/

10-09 23:51