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

Question

我想知道是否有一种方法可以执行 JS 函数直到所需属性 returns 为真。如果可能的话，怎么做。

我有那些必需的输入：

<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) 在 <form> 标签上添加 onSubmit

在那之后 HTML5 验证应该会按预期工作，除非不满足条件，否则不要调用你的 onSubmit 函数。

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

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

Don't execute a function until a HTML <input> required Attribute is TRUE

javascript

required