表单验证 html表单验证的方式有哪几种

一、js判断表单是否验证成功

submit只是表单提交时的验证事件，无法获取提交是否成功returnfalse阻止表单提交，自己写ajax提交表单内容$("#xxx").submit(function(){$.ajax({type:'POST',data:$(this).val(),url:'xxxx',success:function(){//...},error:function(xhr){//...}});returnfalse;});

二、html表单验证的方式有哪几种

html表单验证的方式有以下四种：

一、自动验证

我们可以通过元素的属性设置，进行表单提交的验证。

二、显示验证

form元素与input元素（包括select和textarea）都具有一个checkValidity方法。调用该方法，可以显示的对表单内所有元素内容或单个元素内容进行有效性验证。

checkValidity方法以boolean值的形式返回验证结果。

三、取消验证

有两种方法可以取消表单验证。

第一种方法是利用form元素的novalidate属性，它可以关闭整个表单验证。

第二种方法是利用input元素或submit元素的formnovalidate属性，此属性可以让表单验证对单个元素失效。

四、自定义错误信息

在HTML5中，可以使用JS调用各input元素的setCustomValidity方法来自定义错误信息。

三、简单表单验证优点

你所指的是正则表达式吧

正则验证最大的好处就是将多个校验规则放到一个校验规则下验证

比如:你不想内容项出现空格和回车符,通常的js就需要判断多个indexOf才可以实现

正则验证的话就一句话就可以了:\s来进行匹配;这个只是其中的一部分,建议表单验证多使用正则验证,节省不少JS代码哦,而且效率高