我使用jQuery做了一个简单的验证表单.它工作正常.问题是我对我的代码不满意.还有另一种方法来编写具有相同输出结果的代码吗?
$(document).ready(function(){
$('.submit').click(function(){
validateForm();
});
function validateForm(){
var nameReg = /^[A-Za-z]+$/;
var numberReg = /^[0-9]+$/;
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
var names = $('#nameInput').val();
var company = $('#companyInput').val();
var email = $('#emailInput').val();
var telephone = $('#telInput').val();
var message = $('#messageInput').val();
var inputVal = new Array(names, company, email, telephone, message);
var inputMessage = new Array("name", "company", "email address", "telephone number", "message");
$('.error').hide();
if(inputVal[0] == ""){
$('#nameLabel').after('<span class="error"> Please enter your ' + inputMessage[0] + '</span>');
}
else if(!nameReg.test(names)){
$('#nameLabel').after('<span class="error"> Letters only</span>'); …Run Code Online (Sandbox Code Playgroud) ::-webkit-validation-bubble-message {
display: none;
}
'Run Code Online (Sandbox Code Playgroud)
<form>
<input type="text" name="" required="">
<input class="button" type="submit" name="submit" value="Submit">
</form>Run Code Online (Sandbox Code Playgroud)
如何在表单验证中删除验证气泡消息,我用过
::-webkit-validation-bubble-message {
display: none;
}
Run Code Online (Sandbox Code Playgroud)
但它不起作用。并在不使用 novalidate 属性的情况下请求。
form novalidate="novalidate">
...
form>
Run Code Online (Sandbox Code Playgroud)
并且需要使用
input required="required"
Run Code Online (Sandbox Code Playgroud)
如何解决这个问题?