javascript - 在 HTML <input> 必需属性为 TRUE 之前不要执行函数

Question

我想知道是否有办法执行 JS 函数，直到必需的属性返回 TRUE。如果可能的话，如何实现。

我有那些必需的输入:

<input type="text" name="sen1" placeholder="Nombre" required>
<input type="number" name="tre_1" placeholder="Segundos" required>

我用另一个输入和一个函数发送该值:

<input type="button" name="Ok" value="Guardar" onclick="Dale();">

最后，这是我的功能:

function Dale(){

var number1 = [];

number1.push(document.myform.sen1.value);
number1.push(document.myform.log1.value);
number1.push(document.myform.p_v1.value);
number1.push(document.myform.tre_1.value);
number1.push(document.myform.sds1.value);
number1.push(document.myform.pan1.value);

doSend( document.myform.start.value );

doSend( number1 );

doSend( document.myform.end.value );
}

Answer 1

你必须改变三件事:

1) 将提交按钮更改为 type="submit"

2) 删除onClick从提交按钮

3) 添加onSubmit上<form>标签

之后 HTML5 验证应该按预期工作，并且不会调用您的 onSubmit除非不满足条件，否则将起作用。

如果您不想进行上述更改，则必须在Dale内实现自己的验证函数，检查输入是否为空。