Question

在加载/提交记录之前弹出我的警报消息，因此如果用户没有输入任何数据。它仍然弹出。我的警报框应该使用哪些额外的javascript函数？

这是我的代码

function myFunction() {
    alert("Adding Succesful!");
}

<label for="bName" class="control-label col-xs-4"><p class="left">Brand Name</p></label>
 <input name="bName" class="form-control req" required/> 

<button type="submit" class="btn btn-default bt"  onclick="myFunction()" style="align:right;">ADD</button>

Answer 1

尝试使用：

<label for="bName" class="control-label col-xs-4"><p class="left">Brand Name</p></label>
 <input name="bName" class="form-control req" required/> 

<button type="submit" class="btn btn-default bt"  onclick="return myFunction(this)" style="align:right;">ADD</button>

（注意我更改了onclick以包含return和this）

并将其与JavaScript一起使用：

function myFunction(t)
{
    if($(t).prev().val())
    {
        alert('Adding Succesful!')
        return true;
    }else{
        return false;
    }
}

Answer 2

使用HTML5有效性检查来查看表单是否有效。

x$adultfemale2 = NA
x$adultfemale2 = ifelse(x$sex == "f" & x$age >= 18, 1, 0)
x
  sex age adultfemale adultfemale2
1   m  19           0            0
2   f  10           0            0
3   f  20           1            1
4   f  21           1            1
sum(x$adultfemale) # sum over the column
[1] 2

var form = document.getElementById('f');

function myFunction() {
  if (form.checkValidity()) {
    alert("Adding Succesful!");
  }
}

提交后将显示警报消息

2 个答案: