Question

当信息存储到数据库中时，我有这个表单。我有一个复选框和一个文本字段。任何一个都是必需的，但如果文本字段不是空的，那么很有可能应该选中复选框。因此，如果文本字段中包含值，则我希望显示警报，并且不会选中该复选框。我点击提交按钮时出现此警报。这是我的表格：

<form id="form" name="form" action=?post=yes" method "post">
   <input type="checkbox" name="close" id="close" value="Yes"><label for="close" title="Close this RMA">Close this RMA</label>
   <label><input type="text" name="dateshipped" id="dateshipped"/></label>
   <button type="submit">Save and Continue</button>
</form>

因此，如果复选框＆＃34;关闭＆＃34;未经过检查且已预定日期＆＃34; IS NOT NULL，然后单击Submit时显示警告。

谢谢。

Answer 1

你可以在提交按钮的onclick事件上调用javascript函数，就像这样

<button type="submit" onclick="callAfunction();">Save and Continue</button>

并定义函数

callAfunction()
{

 //do the checks with:  document.getElementById('close').value 
  // display an alert("a message"); 
}

Answer 2

这样的事情会起作用吗？

onsubmit="return validate();" // add to your form tag

function validate() {
    checkbox = document.getElementById('myCheckbox').value;
    if (!checkbox) {
        alert('checkbox is empty');
        return false;
    } else {
        return true;
    }
}

Answer 3

或许这样的事情？

提交按钮。它运行validateSubmit。它仅在函数为真时才提交。

<input type="button" value="submit" onsubmit="return validateSubmit();" />

这是验证功能。它获取复选框和文本的值。如果它们都是假的，那么它设置为确认框有效。确认框允许用户选择确定或取消，并根据该值返回真或假。

function validate() {
    var valid = true;
    var checkbox = document.getElementById('checkboxID').value;
    var text = document.getElementById('textBox').value;
    if(!(checkbox || text))
        valid = confirm("Checkbox and text are empty. \n Continue?");
    return valid;
}

条件可以写成（！复选框＆amp;＆amp;！文本），但我觉得阅读起来更简单只使用一个！如果我能。如果您有兴趣，该规则称为De Morgan's law。

如果您正在使用jQuery，事情会变得更容易。

var checkbox = $('#checkboxID').prop( "checked" );
var text =$('#textBox').val();

另外你甚至可以附上这样的处理程序：

$(document).ready(function() {
    $('#btnSubmit').on('click', validate);
});

如果您有任何问题，请与我们联系。

Answer 4

**以下代码对我有用，首先，您需要添加onclick =“ functionName（）;”然后执行以下代码**

function myCkFunction() {

var checkBox = document.getElementById（“ close”）;

如果（checkBox.checked == true）{

alert('checked');

}其他{

alert（'Unchecked'）;

} }

如果未选中复选框且文本字段不为空，则显示警报

4 个答案: