jQuery Mobile Form Validation

我有一个移动网站，除validation外，一切正常。 基本上我想从用户那里获取值，然后在单独的页面上处理它们（process.php）。 但是，在这之前我需要检查以确保已填充字段。 我已经看了几种方法来做到这一点，但似乎都没有工作。 我现在有以下代码。 当我按下进程按钮时，它会将我带到process.php启动画面，即使item字段为空。 它不会写入数据库，但我宁愿它没有将用户带到process.php屏幕，直到填写了所有必填字段。任何想法？

  $(document).ready(function(){ $("#formL").validate(); });  
 
 
  *  Item:   
 
 Process 
 
  

Answer 1

对于像这样的小forms，我不打算使用插件 – 它甚至与jQuery Mobile兼容吗？ 无论如何，为了让你开始，这里有一个简单的方法来防止在有空字段时提交：

 $("#formL").submit(function() { // get a collection of all empty fields var emptyFields = $(":input.required").filter(function() { // $.trim to prevent whitespace-only values being counted as 'filled' return !$.trim(this.value).length; }); // if there are one or more empty fields if(emptyFields.length) { // do stuff; return false prevents submission emptyFields.css("border", "1px solid red"); alert("You must fill all fields!"); return false; } }); 

你可以在这里尝试/搞乱它。

Answer 2

我遇到过你遇到的同样问题，我现在正确地validation了我的表格。

以下是我用Jquery Mobile做的 – >

 
 
 
  
 
 
 
 User Name*  
 
 Password*  
 
  
 
 
 
 
 
You must fill in both a user name and password to be granted access.
 OK 
   
 
Login information has been sent. Please wait.
 
 
  
  

如果存在空字段，则不允许提交表单。 随意使用此代码并随意操作和播放它。 如您所见，我使用.php文件，就像您一样，处理用户的validation。