不要执行函数，直到HTML <input /> required属性为TRUE

Question

我想知道在必需属性返回TRUE之前是否有执行JS函数的方法。如果可能，怎么做。

我有那些必要的输入：

<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函数中实现自己的验证，检查输入是否为空。