有一个选择框。和一个具有特定模式的主机名的文本框。在这种情况下,当我的选择框更改文本框的模式时会发生变化。我的问题是我如何检查身体的选择框值onload?并检查图案?例如,如果选择框最初是“Nx”。我想检查模式。当选择框更改值更改时。如何在页面加载后检查输入的正则表达式属性
这里是我的代码,只能选择框电平变化的:
$(function(){
$('select[name=type]').change(function(){
var $option = $(this).find(":selected");
$('input[name=hostInput]').attr('pattern', $option.attr('data-pattern'));
$('input[name=hostInput]').attr('placeholder', $option.attr('data-placeholder'));
$('input[name=hostInput]').attr('title', $option.attr('data-title'));
});
});
.to_validate:invalid {
color: navy;
outline: none;
border-color: #ff1050;
box-shadow: 0 0 10px #ff0000;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<select name="type" class="minimal">
<option value="Record" hidden>Record</option>
<option value="NS" selected data-pattern="(?!\d+(?:\.\d+){3}$)(([a-zA-Z\d]|[a-zA-Z\d][a-zA-Z\d-]*[a-zA-Z\d])\.)*([A-Za-z\d]|[A-Za-z\d][A-Za-z\d-]*[A-Za-z\d])" data-placeholder="Hostname" data-title="Wrong host">NS</option>
<option value="MX" data-pattern="(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])" data-placeholder="IP address" data-title="Wrong Ip Placeholder">MX </option>
</select>
<br/>
<input type="text" name="hostInput" placeholder="Hostname" class="to_validate" title="Wrong host"/>
<button type="submit">Submit</button>
</form>
' $('select [name = type]')。change(function(){...})。change();' – Tushar
@Tushar这段代码是什么?在'change()'的末尾加上'.change()' – inaz
。这将触发事件和事件处理程序将在页面加载时被调用。 – Tushar