如何確保只有一個文本字段不是空的？

-1

我有一個文本字段，我檢查以確保提交前文本字段不是空的，它工作正常。如何確保只有一個文本字段不是空的？

如何確保它只檢查id =「名稱」文本字段不爲空並忽略其他文本字段。

<input type="text" class="form-control" id="Name" aria-label="Name" placeholder="Name" required > 

<input type="text" class="form-control" id="address" aria-label="address" placeholder="address"> 

<input type="text" class="form-control" id="zip" aria-label="zip" placeholder="zip" >

$('input:text').val().length;

來源

2016-09-29 user244394

你的意思'$（ '＃姓名'）VAL（）長;'。？ – vlaz

'$（'＃Name'）。val（）。length;' – andrew

使用正確的選擇器作業。請參閱[這裏]（http://www.w3schools.com/jquery/jquery_ref_selectors.asp）以獲取jQuery選擇器列表。正如其他人指出'$（'＃Name'）'會選擇你想要的元素。 – Theo

目標由ID的元素，

$('#Name').val().length;

來源

2016-09-29 15:56:56 Steve

如果允許html標記，這將無法工作。例如文本字段可以有標籤，但它沒有任何字符串值。所以檢查應該與正則表達式來處理標籤。但是如果你只假設有效的字符串，這是可以接受的。 – hakiko

你試試這個？

$('#Name').val().length;

來源

2016-09-29 15:57:08

如果允許使用html標記，這將不起作用。例如文本字段可以有標籤，但它沒有任何字符串值。 – hakiko

@hakkikonu你可以說爲_any_單個jQuery寫過。「但是如果你的目標ID改變了，怎麼辦？」我相信答案永遠都是無關緊要的。對任何情況進行編碼都是不可能的 - 如果你試圖改變風格的選擇會變成div？如果在將「h1」元素的CSS規則更改爲「p」時停止應用該元素，該怎麼辦？開發人員在他們管理的HTML中總是需要一些結構。在大多數情況下，沒有您的參與，HTML不會奇蹟般地改變。 – vlaz

雖然這可能會回答這個問題，但它沒有提供任何內容來解釋如何或爲什麼。考慮添加一兩句話來解釋您的答案以及如何使用它。 – brandonscript

您已設置屬性required與ID Name輸入所以form不會提交，除非它有一定的價值。如果您想檢查的空格，您可以使用jQuery $.trim()方法：

$('form').submit(function(e) { 
 
    var name = $('#Name').val(); 
 
    if ($.trim(name) === '') { 
 
    e.preventDefault(); 
 
    return false; 
 
    } 
 
    console.log('form submited!'); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <input type="text" class="form-control" id="Name" aria-label="Name" placeholder="Name" required /> 
 

 
    <input type="text" class="form-control" id="address" aria-label="address" placeholder="address" /> 
 

 
    <input type="text" class="form-control" id="zip" aria-label="zip" placeholder="zip" /> 
 
    <input type="submit" value="submit" /> 
 
</form>

來源

2016-09-29 16:08:26

如何確保只有一個文本字段不是空的？

回答

相關問題