在onclick = confirm()提示符之前进行必填字段提示

时间:2016-10-25 16:17:22

标签: javascript html

现在,我有一个看起来像这样的文本字段:

<input type="text" name="name" value="" pattern=".{3,}" required title="3 char minimum">

接下来是提交按钮:

<input type="submit" value="Submit" onclick="return confirm('Are you sure?')">

如果文本框中没有三个字符,我单击提交按钮,则确认()框将优先出现,而不是首先出现所需的标题。

有没有办法在提交按钮的确认窗口之前显示所需的标题?

这是一个小提琴:https://jsfiddle.net/yu21maor/

1 个答案:

答案 0 :(得分:3)

您可以将表单上的呼叫设置为提交。

,而不是点击提交按钮

试试这个:

<form action="" onSubmit="return confirm('Are you sure?')">
  <input type="text" name="name" value="" pattern=".{3,}" required title="3 char minimum">
  <input type="submit" value="Submit">
</form>

Fiddle