Question

我的页面有多个文本框，我想确保用户从文本框1中选择值并将文本框2留空，然后它应该警告弹出窗口，您必须在两个文本框中输入值。

我不想将值相互比较。（就像两个文本框值必须相同）

文本框1是数字字段，文本框2是日期字段。

如果输入任何一个值，则不应允许用户提交页面，应停止处理并重定向到该文本框为空。

现在到目前为止我已经尝试过了。

$( "#button_id" ).click(function() {

var n = document.getElementById('text1');
var m = document.getElementById('text2');


if(n.value.trim() != "" || n.value == undefined)
{
    if (n.value.trim() != "" && m.value.trim() == "")
    {
        alert("text1 should have some value");
        return false;
    }
} 
if(m.value.trim() != "" || m.value == undefined)
{
    if (m.value.trim() != "" && n.value.trim() == "")
    {
        alert("text2 should have some values");
        return false;
    }
} 

});

如下面提到的代码，我只是想检查文本框是否禁用，如果文本框被禁用，那么不要测试验证否则。

部分解决方案：

 var _domArray = [$("#textbox1"),$("#textbox2")]
 var chk = $x('textbox2').disabled = false;

 $( "buttonid" ).click(function() {

 _domArray.forEach(function(item){
  if(item.val() ==''){
  var _getId =item.attr('id');
  alert(_getId +" should have some value" );
  this.browserEvent.preventDefault();  
  this.browserEvent.stopImmediatePropagation();  
  return false;   
 }
 })
 });

Answer 1

使用required上的<input>属性，然后您可以使用document.querySelector('form.insertSelectorHere').matches(':valid')签入JavaScript。

Answer 2

使用数组来存储DOM元素，循环遍历它并检查它是否为空，如果是，则通过警报。

另外假设您正在使用输入类型编号＆amp;日期

var _domArray = [$("#text1"),$("#text2")]
$( "#button_id" ).click(function() {
 _domArray.forEach(function(item){
    if(item.val() ==''){
      var _getId =item.attr('id');
      alert(_getId +" should have some value" )
   }
})
});

使用jquery，因为你用jquery

标记了它

jsfiddle

检查两个文本框中是否包含值的值

2 个答案: